本文探讨了移动端Web App和页面开发中字体的选择，指出iOS、Android和Windows Phone系统的默认字体，并解释了尽管设计师常选用微软雅黑，但实际上各系统并不支持。通过@font-face引入微软雅黑会带来流量和速度影响，而使用系统默认字体已能达到良好视觉效果，建议无特殊需求时采用系统默认。
一直不清楚移动端web app和页面用的什么字体，只是觉得类似微软雅黑，直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。
三大手机系统IOS、android、winphone支持的字体
ios 系统
默认中文字体是Heiti SC
默认英文字体是Helvetica
默认数字字体是HelveticaNeue
无微软雅黑字体
android 系统
默认中文字体是Droidsansfallback
默认英文和数字字体是Droid Sans
无微软雅黑字体
winphone 系统
默认中文字体是Dengxian(方正等线体)
默认英文和数字字体是Segoe
无微软雅黑字体
回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是在页面中定义：
font-family：微软雅黑
后来发到线上后，细心的产品经理发现页面的字体不是微软雅黑，要求马上修改，我就惊呆了，还跟产品争执一番。
了解到的手机系统 ios、android 等是不支持微软雅黑字体，为了满足产品的需要，保证视觉稿的还原度，手机端是如何定义微软雅黑字体呢？
相信大家会想到 @font-face 定义为微软雅黑字体并存放到
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
