英文网站的基准字体如何选用？
2012-01-19 17:42:51   来源：   点击：

3 个答案

• 答案 1：

  因人而异。但以这三个字体为例，字体的选择是可以有一些理论基础的：Arial 是以 Helvetica 为基础设计的字体，继承了后者无个性的风格。随着 Helvetica 和 Arial 被用得到处都是，它俩更显得“默认”，更无个性了。这个对正文显示来说可以是件好事。Arial 本身是个印刷（打印）字体，在字体设计上并没有为屏幕优化多少。但它身为 Windows 的主要字体之一，拥有高质量的 hinting，所以在 Windows 里看，小字号显示时的效果不错。Verdana 和 Tahoma 是兄弟，它们都是为 Windows 的屏幕小字号显示而生的。在设计阶段就考虑了如何才能在小字号、乃至点阵的小字号时易读。而且它俩有史上最牛的 hinting。Tahoma 比 Verdana 更窄，更适合用在寸土寸金的操作系统介面中（比如文件名、弹出窗口里的提示信息、菜单……），所以它是好几代 Windows 介面的默认拉丁（英文）字体。但这种紧凑对于网页来说可能没什么必要，所以 Verdana（尤其是极端小号的 Verdana，比如在 Daring Fireball [1]）在网页正文中往往更合适。当然，标题字体另说。另外，“基准字体”应当根据操作系统的不同而有所区别。

  比如 Mac OS X 的默认拉丁字体是 Lucida Grande，这是一个为屏幕有所优化的、比 Verdana/Tahoma 更内敛、优雅的字体。而 Mac OS X 中 Helvetica 的表现也很好，iOS 里更是以 Helvetica / Helvetica Neue 作为默认字体。

  比如 Windows Vista/7 已经使用更加精巧、清新的 Segoe UI 代替 Tahoma 来作介面默认字体，而 Segoe UI 是为 ClearType 优化的，值得考虑。

  比如 Ubuntu 现在有了自己的字体——Ubuntu Font [2]，这也值得写到 CSS 的 font-family 里去。不过，Ubuntu Font 的设计主要是针对 Ubuntu 的品牌形象和介面，所以风格可能有点过于显眼，值得注意。

  再就是，随着 web font 的成熟，英文网站可以考虑通过 Typekit 这样的服务来使用 web font 为“基准字体”了。比如各种 FontShop 出品的为网页优化的 FF * Web 字体，又比如 Adobe 私有的 Adobe Clean [3]。[1] http://daringfireball.net/[2] http://font.ubuntu.com/[3] blogs.adobe.com/typblogr...

• 答案 2：

  梁海说得很全面，我也不谈哪个字体更好看、哪个字体更易读的问题了。我就说一下，在 CSS 中定义最好看的字体的技巧。很多人，包括我在内，都曾经挖空心思地想把 CSS 中默认 font-family 写得天衣无缝，仔细计算各种 fallback 的情况，结果根据开发社区的研究，要达到「Mac 显示 Helvetica，PC 显示 Arial」的目的其实很简单：body { font-family: Sans-Serif;}根据 CSS Tricks 的这篇文章css-tricks.com/sans-serif/ 简单，可行。

• 答案 3：

  看過 Zite 之後，我對 PT Sans 在 iPad 上的表現很滿意。（在一般的分辨率遠低於 iPad 屏幕的電腦顯示器上的表現比較一般。）