css - 行動端字體設定問題
三叔
三叔 2017-06-24 09:43:41
0
2
909

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

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

}

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

三叔
三叔

全部回覆(2)
女神的闺蜜爱上我
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:假如存在這種字體的話).
所以,在定義字體的時候把英文的字體寫在前面把中文的寫在後面.這樣,系統就會自動按順序依次給字用字體,如果當前字體不支持文本,自動換用列表中的下一個字體。
如果你設定的字體沒有起效果,在瀏覽器看下頁面的英文是顯示的哪一種字體。

漂亮男人

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

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

你說你設定的字體?

/摀臉

你設定的想要哪個字體

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板