移动端字体选择

今天突然设计师问我移动端字体改勇什么好？我当时一懵逼都不知道说啥了，貌似我每次做移动端页面从来都没有管过字体呢，后来想想以及结合一些资料才解释清楚。

移动端如果用css3 @font-face把字体放到服务器上，则会有加载请求，需要耗费流量，不过有特殊需求这也是一种解决办法。

首先来看看目前市面上的主流系统默认字体

ios系统默认字体

默认中文字体是Heiti SC

默认英文字体是Helvetica

默认数字字体是HelveticaNeue

Android系统默认字体

默认中文字体是Droidsansfallback

默认英文和数字字体是Droid Sans

wp系统默认字体

默认中文字体是Dengxian(方正等线体)

默认英文和数字字体是Segoe

可见三个系统中都没有在pc很好看的微软雅黑字体，所以这个字体是不支持的，但是也没有一个字体是在三个系统中都能通用的，所以这个时候就尴尬了，咋办？

其实如果大家有兴趣可以自己去尝试这几个字体的效果，视觉上使用默认的字体影响不大，所以在移动端开发的时候大多时候都木有管字体这事，所以才会有我的一脸懵逼呢。

再者想Android系统在国内有太多的定制，字体更不用说了，多得很呢，所以要想找一个通用还真的很难，所以在这里有一下结论：

如果没有特别要求全部使用系统默认的字体，不需要设置中文字体，英文字体可以使用Helvetica，这三个系统都是支持的

/* 移动端定义字体的代码 */body{font-family:Helvetica;}

字体的大小也是有讲究的，这里大家可以查看我之前的介绍。