如何在一個HTTP請求中提供多種字體？

如何在一個請求/響應中向客戶端提供不同字體文件中的多種字體？我正在使用.woff文件。如何在一個HTTP請求中提供多種字體？

是否可以將字體文件合併到一個文件中？

來源

2013-07-20 Filip Haglund

的[將多個.woff文件合併成一個]可能的複製（http://stackoverflow.com/questions/13134863/combine-multiple-woff-files-into-one） – miken32

在你的CSS中，每個字體都應該有它自己的URL，所以基本上答案是否定的。

但是你可以做的是將你的每個字體嵌入到base64的url中。這意味着字體的數據將被集成到css文件中。他們都保留自己的本地網址，不需要額外的http請求。

看到http://robert.accettura.com/blog/2009/07/03/optimizing-font-face-for-performance/

來源

2013-07-20 13:31:57 challet

base64編碼是一個好主意！ –

一個重要的事情是，瀏覽器將緩存CSS，而不是由此產生的Base64。這意味着，在移動設備等低端設備上，可能需要幾毫秒的時間將兆字節長的Base64字符串解析/解碼爲二進制字體，然後在每次頁面加載時對其進行解析。這可能會打擊用戶認可的100萬預算。瀏覽器應該更聰明嗎？他們應該。有些可能已經存在，但是請確保測試由於速度對您而言是否重要。 –

另請注意，此方法可能會導致帶寬有限的客戶端問題，因爲這些客戶端可能無法下載字體文件。 – miken32

如何在一個HTTP請求中提供多種字體？

回答

相關問題