无衬线字体

您是否曾经写过这样的代码？

body {
  font-family: Helvetica, Arial, Sans-Serif;
}

您可能会这样想：“Helvetica 是 最棒的字体，所以我希望首先使用它，然后是电脑上的 Arial，因为它非常接近，然后回退到任何 McSansSerif，因为一些奇怪的电脑根本没有安装正常的字体。”

事实证明，这个方法更好

body {
  font-family: Sans-Serif;
}

Mac 默认情况下会使用很棒的 Helvetica。在电脑上，即使他们拥有 Helvetica，它看起来可能比 Arial 更糟糕，出于某种原因，所以这种方式他们默认情况下会使用 Arial。您仍然可以使用通用的关键词。更短、更简单、赞。

感谢 @mathias 指出 这个视频的特定部分 (29:32)，Paul Irish 在这里谈论 HTML5 Boilerplate。

如果您希望扩展 Helvetica 堆栈并在可用时使用一些更好的变体，请查看这个。