文章来自:源码在线https://www.shengli.me/css/84.html
当手机页面上直接设置font-family为微软雅黑,你会发现设置出来的效果不是微软雅黑字体效果。因为手机ios,android系统等不支持微软雅黑字体!那到底怎么办呢?
要不要@font-face定义为微软雅黑并存放到服务器上,需要时被自动下载?
代码:
这样是把字体问题解决了,变成微软雅黑字体了,但是页面的打开速度有延迟了!这能行吗?!
那咱们先看下三大手机系统字体资料吧
ios 系统
默认中文字体是Heiti SC
默认英文字体是Helvetica
默认数字字体是HelveticaNeue
无微软雅黑字体
android 系统
默认中文字体是Droidsansfallback
默认英文和数字字体是Droid Sans
无微软雅黑字体
winphone 系统
默认中文字体是Dengxian(方正等线体)
默认英文和数字字体是Segoe
无微软雅黑字体
默认字体效果是这样的(如下图所示):
这里可以看出三种字体都跟微软雅黑一样,是无衬线字体,肉眼很难看出它们的差异,所以对产品的体验几乎没什么影响。
结论
1、各个手机系统有自己的默认字体,且都不支持微软雅黑
2、如无特殊需求,手机端无需定义中文字体,使用系统默认
3、英文字体和数字字体可使用 Helvetica ,三种系统都支持
所以设置为默认就行了,代码: