將多個 webfont 檔案批次編碼為 CSS 檔案？

Question

我想將多個 .otf 字體檔案批次編碼為一個 CSS 檔案。據我了解，大多數瀏覽器都可以讀取 base64 嵌入的 .otf 字體。由於 Font-Squirrel 的 @font-face 生成器不支援 .otf 檔案的直接 Base64 編碼，因此我必須自己對字體進行編碼。

我發現這個方法在 OS X 終端機中使用 openssl 對檔案進行 Base64 編碼，一次一個 - 並且僅將它們輸出到單一檔案。有沒有辦法將它們直接批次編碼到單一 CSS 檔案中？

Answer 1

查看http://www.spritebaker.com。

*目前，SpriteBaker 僅對 @font-face 聲明中每個「src」屬性指定的第一個 Web 字型檔案進行編碼。那應該不是問題。如果您要將 Web 字型檔案批次編碼為 CSS，則每個 CSS 檔案應該只編碼一個 Web 字型檔案。然後您應該向每個瀏覽器提供一個有針對性的 CSS 檔案。