搜尋

首頁  >  問答  >  主體

css - 行動端字體設定問題

屬於混合開發,寫的頁面嵌套在原生的殼子裡面,我設定的字體不生效

body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;

}

主要是英文不是系統自備的字體。

三叔三叔2712 天前911

全部回覆(2)我來回復

  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-06-24 09:45:41

    body {
        font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
    
    }

    根據font-family的原則,假如客戶終端不認識前面的字體,就自動切換到第二種字體,第二種不認識就切換到第三種,以此類推.假如都不能識別就調用默認字體
    根據font-family的字體調用原則我們可以為英文,中文,等兩種字體調用不同的字體來渲染.
    如:Arial,'Times New Roman'這兩種字體不認識中文,只認識英文,所以,這兩種字體只能渲染英文數字和一些特殊符號,而頁面中的中文就會自動調用第三種字體Microsoft YaHei(PS:假如存在這種字體的話).
    所以,在定義字體的時候把英文的字體寫在前面把中文的寫在後面.這樣,系統就會自動按順序依次給字用字體,如果當前字體不支持文本,自動換用列表中的下一個字體。
    如果你設定的字體沒有起效果,在瀏覽器看下頁面的英文是顯示的哪一種字體。

    回覆
    0
  • 漂亮男人

    漂亮男人2017-06-24 09:45:41

    沒有生效, 那原因可多了, 不好排;

    而且你font-family這麼一大串程式碼, 意思是第一個字體如果沒有, 那麼順位往下

    你說你設定的字體?

    /摀臉

    你設定的想要哪個字體

    回覆
    0
  • 取消回覆