从来不知道手机webapp和页面用的是什么字体，但感觉和微软Yahoo！直到有一次设计师问设计手机网页应该用什么字体时才认真想到这个问题。安卓，收到PSD草稿后，发现视觉设计师喜欢用微软雅黑作为中文字体来设计，于是他们在页面中定义：

字体系列：微软雅黑

后来发到了网上，细心的产品经理发现页面的字体不是微软雅赫，要求立即修改。我很震惊，和产品发生了争执。安卓等。不支持微软雅黑字体。为了满足产品的需求，保证视觉稿件的还原度，需要时会自动下载。iefix ‘)格式(‘ embedded-opentype ‘)，/*IE6-IE8*/

url(‘MicrosoftYaHei.woff ‘)格式(‘ woff ‘)，/*ModernBrowsers*/

url(‘MicrosoftYaHei.ttf ‘)格式(‘ truetype ‘)，/*Safari，安卓，iOS*/

URL(‘ microsoftyahei . svgmicrosoftyhei ‘)格式(‘ SVG ‘)；/*LegacyiOS*/

}

虽然优雅黑字体的问题得到了解决，但也带来了一些影响，一方面消耗了用户的流量，另一方面延迟了页面的打开速度。

这是个小测试。有无衬线只是一个小原因。无论页面使用哪种字体，肉眼很难看出它们的区别，对产品体验影响不大。

关于衬线字体和无衬线字体的区别，请参考下图：

那么，使用系统默认字体所达到的视觉效果与使用微软雅赫字体所达到的视觉效果并无明显区别。权衡利弊后，最终说服产品经理放弃使用微软雅赫字体的想法。而且他们不支持微软雅黑。

如果没有特殊要求，使用系统默认值。

Helvetica可以用于英语字体和数字字体，这三种系统都支持。

代码：

/*移动终端定义字体的代码*/

正文{ font-family : Helvetica；}

125jz原创文章。出版者：风景如画的山川，