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

【苹果手机不显示微软软黑的解决方案】我写了个溯源页面,字体UI设计的微软雅黑,但是打包好放到苹果手机上,英文数字和中文字体不一样
苹果手机不显示微软软黑的解决方案
文章图片


想下载font-face字体包,结果都要冲会员,结果因为钱包太干净,只能作罢,
后面我想到font-family可以写多个属性值,又百度了下苹方的CSS写法,
苹果手机不显示微软软黑的解决方案
文章图片


我用了常规的,PingFangSC-Regular, sans-serif
在我代码里是这样写的
font-family: "microsoft yahei","PingFangSC-Regular","sans-serif" !important;
然后,后台打包后放到苹果手机就很神奇的发现,字体一致了
苹果手机不显示微软软黑的解决方案
文章图片

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

    推荐阅读