指定非常長的字體堆棧有什麼缺點嗎？

這是我有：指定非常長的字體堆棧有什麼缺點嗎？

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

指定非常長的字體堆棧有什麼缺點嗎？

回答

相關問題