常用网页字体

本文将为大家介绍常见的网页字体 包括中文及英文：

英文

Sans-serif

• Helvetica: 被评为设计师最爱的字体 Realist风格 简洁现代的线条 非常受到追捧。在Mac下面被认为是最佳的网页字体 在Windows下由于Hinting的原因显示很糟糕。
• Arial: Helvetica的「克隆」 和Helvetica非常像 细节上比如R和G有小小差别。如果字号太小 文字太多 看起来会有些累眼。Win和Mac显示都正常
• Lucida Family: Lucida Grande是Mac OS UI的标准字体 属于humanist风格 稍微活泼一点。Mac下的显示要比Win下好。
• Verdana: 专门为了屏显而设计的字体 humanist风格 在小字号下仍可以清楚显示 但是字体细节缺失严重 最好别做标题。
• Tahoma: 也是humanist风格 字体和Verdana有点像 但是略窄一些 counter略小 曾经是Windows的标准字体 Mac 10.5之后默认也有安装。
• Trebuchet MS: 为微软设计的一个humanist风格字体 个人觉得个性太过突出 用得不好会不搭。

Serif

• Georgia: 基本上适合正文屏显的衬线字体 非Georgia莫属了。笔画粗重 衬线明线 轮廓较大 小字体显示也很清晰 同时细节还算OK。
• Times: Times是为了报纸而设计的 特点是可以在有限的空间塞进去更多的文字 笔画较弱 小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文 被骂得很惨之后换成了Georgia。

中文

• 中易宋体：Win最常见的字体 小字体点阵 大字体TrueType 但是大字体并不好看 所以最好别做标题。
• 微软雅黑：Vista之后新引入的字体 打开Cleartype之后显示效果不错 不开Cleartype发虚。
• 华文细黑：Mac下的默认中文。
• Droid Sans和衍生的WenQuanYi Microhei：Andriod中的中文 也是Linux绝大多数发行版本的默认中文 当然也有用WenQuanyi Zenhei的 不过比较少了。

注意：CSS3开始支持Embedded font所以英文字体选择一下子多了很多 而中文字体由于文件庞大 仍然就是那几个选。

网页字体效果