css - 移動端字體設置問題

問題描述

屬于混合開發，寫的頁面嵌套在原生的殼子里面，我設置的字體不生效

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

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

問題解答

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這么一大串代碼， 意思是第一個字體如果沒有， 那么順位往下

你說你設置的字體？

/捂臉

你設置的想要哪個字體