3

这就是我所拥有的：

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 种字体！使用像这样的长字体堆栈对页面加载时间或性能有显着影响，还是根据需要包含尽可能多的字体总是一个好主意？

4

2 回答 2

4

有趣的是，字体堆栈似乎来自这里：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 也是如此。

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

于 2012-07-20T14:38:32.053 回答
0

我说这是矫枉过正，除非您打算像我一样将其分解：

/* Web Safe Font Stacks */
.head {font-family: Georgia,'Times New Roman',serif}
.para {font-family: Verdana,Arial,sans-serif}
.mono {font-family:'Courier New',Courier,monospace}
.fant {font-family: Papyrus,Impact,fantasy}
.curs {font-family:'Apple Chancery','Lucida Calligraphy',cursive}

欢迎您在 CSS 中使用此示例代码。

于 2016-07-21T01:26:52.907 回答