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

这是我有：指定非常长的字体堆栈有什么缺点吗？

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

来源

2012-07-20 jSepia

你为什么需要它？常见的设计方法是为不同的平台指定主字体和一个或两个回退。 – madfriend 2012-07-20 14:14:30

哇！你在网站上使用这些许多字体？ – 2012-07-20 14:14:30

你打算测试所有这些字体，看它们是否渲染得很好？ – 2012-07-20 14:15:21

有趣的是，字体堆栈似乎是从这里：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-20 14:38:32

好的答案，但我认为Myriad [Pro]主要是Mac字体？我认为旧的Mac和Windows机器会分别回归Helvetica和Arial。 – jSepia 2012-07-20 14:54:12

你是对的。需要更多的咖啡因。 Myriad是Mac字体。 Myriad Pro是Acrobat Reader附带的一种OpenType字体，因此它默认安装在许多Windows机器上（因为它通常与Windows机器一起提供）。我想我总是认为这是一个微软字体。我已修复该帖子。感谢您指出了这一点。 – 2012-07-20 15:02:53

我说，这是矫枉过正，除非你打算打破它像我这样做：

/* 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-21 01:26:52

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

回答

相关问题