无衬线字体

你写过这个吗？

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

就像：“ Helvetica 最棒，所以我首先要这么做，然后是Arial for PC，因为嘿，它已经非常接近了，然后退回到任何McSansSerif那里为疯狂的人们安装零标准字体。”

事实证明这是更好的方法：

body {
  font-family: Sans-Serif;
}

Mac默认情况下会获得超赞的Helvetica。 在PC上，即使他们拥有Helvetica，无论出于何种原因，它看上去都比Arial差，因此，默认情况下，他们会获得Arial。 而且您仍然可以使用通用关键字。 更短，更容易，是的。

感谢@mathias指出了Paul Irish谈论HTML5 Boilerplate的视频的特定部分（29:32） 。

如果您想扩展Helvetica堆栈并在可用时使用一些更好的变体， 请参见this 。

翻译自: https://css-tricks.com/sans-serif/