css - 行動端字體設定問題

Question

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

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

}

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

Answer 1

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

Answer 2

沒有生效， 那原因可多了， 不好排；

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

你說你設定的字體？

/摀臉

你設定的想要哪個字體