Css 指定很长的字体堆栈有什么缺点吗？

这就是我所拥有的：

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

有趣的是，字体堆栈似乎是从这里开始的：（修改为删除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也是

---

因此，为了分享共识，这可能不会损害任何东西，但除非你想对其进行广泛的测试，否则你所做的只是在设计中添加页面权重和许多未知变量。

我说这是过分的，除非你打算像我一样分解它：

/* 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中使用此示例代码。

为什么需要它？常见的设计实践是为不同的平台指定主字体和一到两个备用字体。哇！你在网站上使用了那么多字体？你打算测试所有这些字体，看看它们是否都能很好地呈现吗？看看使用

@font-face

而不是指定所有这些字体。我已经看到了这里提倡的长字体堆栈的用法：利用每个平台上可用的最好字体。回答得好，虽然我认为Myriad[Pro]主要是Mac字体？我认为较旧的Mac和Windows机器将分别依赖于Helvetica和Arial。你完全正确。我需要更多的咖啡因。Myriad是Mac字体。Myriad Pro是Acrobat Reader附带的一种OpenType字体，因此默认情况下，它安装在许多Windows机器上（因为Windows机器经常附带这种字体）。我猜我只是一直以为它是微软的字体。我把柱子修好了。谢谢你指出这一点。