手机移动端web字体设置经验分享
pc端web设计通常使用微软雅黑字体,但是在手机移动端并没有微软雅黑字体,微软雅黑字体并不适合移动端web页面开发,下面列出手机端安卓/IOS系统的自带字体作为参考:
ios 系统自带字体
android 系统自带字体
Android默认中文字体是Droidsansfallback(华文中宋)
Android默认英文和数字字体是Droid Sans
无微软雅黑字体
winphone 系统
默认中文字体是Dengxian(方正等线体)
默认英文和数字字体是Segoe
无微软雅黑字体
在ios和android和winphone做个测试
下图为测试机 iphone 4s、三星 GT-N7000 android 2.3.6、HTC windows Phone 8.0 三种手机中的默认中文字体和英文字体展现:
我们可以看出三种不同的中文字体和微软雅黑一样是无衬线字体,有无衬线只是一个小原因,而无论页面中使用哪种字体,肉眼很难看出它们的差异,对产品的体验几乎没有影响。
使用系统默认的字体所达到的视觉效果跟使用微软雅黑字体没有明显的差别
结论
各个手机系统有自己的默认字体,且都不支持微软雅黑
如无特殊需求,手机端无需定义中文字体,使用系统默认
英文字体和数字字体可使用 Helvetica ,三种系统都支持
建议:英文和数字都设定为 Helvetica,因为在ios中默认的英文和数字是两种不同的字体,如果不设置成一种字体,显示效果不一样。