移动端web页面的字型

移动端web页面的字型

1.1概述
        在网页中，常用中文字体是微软雅黑作，但移动端系统 ios、android 等不支持微软雅黑。
1.2三大移动端系统的字体
1.2.1 ios 系统
       默认中文字体是Heiti SC
       默认英文字体是Helvetica
       默认数字字体是HelveticaNeue
       无微软雅黑字体
1.2.2 android 系统
       默认中文字体是Droidsansfallback
       默认英文和数字字体是Droid Sans
       无微软雅黑字体
1.2.3 winphone 系统
       默认中文字体是Dengxian(方正等线体)
       默认英文和数字字体是Segoe
       无微软雅黑字体
1.3移动端使用微软雅黑字体的方法——@font-face
        @font-face 定义字体并存放到 web 服务器上，在需要使用时被自动下载。但是这样做：一来消耗用户的流量，二来对页面的打开速度造成了延迟；一般是不建议的。
1.4移动端字体的选择
       三大移动端系统默认字体截图，从左到右依次为 ios、android、windows phone。
       如附图：
       由图可以看出三种不同的中文字体和微软雅黑一样是无衬线字体（即字体边缘无过多的修饰），并且肉眼很难看出它们的差异，对产品的体验几乎没有影响。所以综合来说在移动端网页还是尽量使用默认字体比较好。