苹果手机不显示微软软黑的解决方案

我写了个溯源页面，字体UI设计的微软雅黑，但是打包好放到苹果手机上，英文数字和中文字体不一样

 

 想下载font-face字体包，结果都要冲会员，结果因为钱包太干净，只能作罢，

后面我想到font-family可以写多个属性值，又百度了下苹方的CSS写法，

 

 我用了常规的，PingFangSC-Regular, sans-serif

在我代码里是这样写的

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

然后，后台打包后放到苹果手机就很神奇的发现，字体一致了

我解释一下：因为项目运行的时候，会先选择 font-family 的第一个属性值，如果没有对应的字体，就会往后适配，所以，苹果手机用的及时苹方它自己的字体