英文字体设计爱

在最理想的情况下(不考虑兼容旧设备)，font-family: sans-serif; 就是最好的选择。那些说用微软雅黑、宋体、Arial, Segoe ui 的，恐怕思维还停留在十年前的 Eindows 上吧。然而现在看网页大部分情况是手机了吧。你让安卓和苹果设备上显示微软雅黑看看。如果是内容导向的网页，比如知乎，不设计字体就是最好的设计。如果真的是需要字体设计的网页，那还真没有常用字体一说，看需求。对于网站来说，下载个字体还是要费很大劲的。英文字体 26个大写+26个小写+标点符号不是很多，但中文汉字的数量…… 所以很少有网站会去让用户去下载中文字体的。最优解：你可以使用多种字体，看一下在每种字体上的效果。把效果最好的字体放在最前面，在后面多加几个后备军。Open Sans 的中文字体在 Mac 上效果不错。微软雅黑的中文字体在 Windows 上效果不错。Reference:Mozilla Developer Network 对 font-family 的解释：font-family - CSS。

花式写法

1、Helvetica: 被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。

2、Arial: Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常。

3、Lucida Family: Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。

4、Verdana: 专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。

5、Tahoma: 也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。

Trebuchet MS: 为微软设计的一个humanist风格字体，个人觉得个性太过突出，用得不好会不搭。

6.Georgia: 基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。

7、Times: Times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文，被骂得很惨之后换成了Georgia。

8、Avenir字形简洁，现代，虽然也有几何特征，但是不失人情味。Avenir是法语未来的意思，对同样未来含义的Futura是一种挑战，放大x-height，降部拉长，使得文字的易读性明显提高。字体家族也很完整。再提两句Helvetica，内部分享的时候很多设计师问到为什么没有作为一个推荐字体在这里列出，一方面是因为Helvetica已经作为现代字体中的经典字体被应用得非常广泛了，并不缺乏关注。另一方面Helvetica是Neo-grotesque字体，结构严谨，没有情绪导向，提供着强烈的安全感，好像怎么用都不会错，这是个优势也是个劣势，当我们的设计有比较明确的受众群体或者设计对象有比较明确的气质的时候能够寻找到有同样气质的字体会是更优的选择。