页面字体设置（移动端）

文章来自：源码在线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 ，三种系统都支持

 

 

所以设置为默认就行了，代码：