蘋果手機不顯示微軟軟黑的解決方案

我寫了個溯源頁面,字體UI設計的微軟雅黑,但是打包好放到蘋果手機上,英文數字和中文字體不一樣

 

 想下載font-face字體包,結果都要衝會員,結果因為錢包太乾淨,只能作罷,

後面我想到font-family可以寫多個屬性值,又百度了下蘋方的CSS寫法,

 

 我用了常規的,PingFangSC-Regular, sans-serif

在我代碼里是這樣寫的

font-family: “microsoft yahei”,”PingFangSC-Regular”,”sans-serif” !important;

然後,後台打包後放到蘋果手機就很神奇的發現,字體一致了

我解釋一下:因為項目運行的時候,會先選擇 font-family 的第一個屬性值,如果沒有對應的字體,就會往後適配,所以,蘋果手機用的及時蘋方它自己的字體

 

Tags: