css - 指定非常长的字体堆栈有什么缺点吗？

Question

这是我的:

body {
    font-family: Frutiger, "Frutiger Linotype",
                 "Frutiger LT Std", Univers, Calibri, "Myriad Pro",
                 Myriad, "DejaVu Sans Condensed", "Liberation Sans",
                 "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial,
                 sans-serif;
}

多达 14 种字体!使用像这样的长字体堆栈会对页面加载时间或性能产生重大影响，还是根据需要包含尽可能多的字体总是一个好主意？

Answer 1

有趣的是，字体堆栈似乎来自这里:http://www.sitepoint.com/eight-definitive-font-stacks-2/ (修改以删除 Gill Sans，这是有道理的，因为该字体确实不适合该组)。

这在某种意义上是矫枉过正(除非你真的，真的讨厌 Arial)，但了解了很多这些字体，我可以看出创作者心中的逻辑假设(不是说我会这样做)。 Frutiger 和 Univers 非常不常见，但都是不错的设计师字体。 Calibri 是自 Office 2007 以来提供的一种字体，而 Myriad Pro 多年来一直与 Acrobat Reader 一起提供，因此您可以在 Windows 机器上使用。有三种 Linux 字体(DejaVu Sans、Liberation Sans、Nimbus Sans)可以覆盖你的基础。正如我提到的，Gill Sans 在这里被淘汰了，但该字体随 Mac 一起提供。 Helvetica Neue 也是如此。

因此，为了达成共识，它可能不会造成任何伤害，但除非您想对其进行广泛测试，否则您所做的只是为您的设计添加页面权重和许多未知变量。