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

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

苹果手机不显示微软软黑的解决方案_第1张图片

 

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

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

苹果手机不显示微软软黑的解决方案_第2张图片

 

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

在我代码里是这样写的

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

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

苹果手机不显示微软软黑的解决方案_第3张图片

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

 

你可能感兴趣的:(苹果手机不显示微软软黑的解决方案)