010年到1010年,还不清楚手机webapp和页面使用了什么字体,但和微软雅黑差不多。直到有一位设计师问设计手机网页应该用什么字体,他才认真思考这个问题。安卓,收到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原创文章。出版者:风景如画,