什麼是 WOFF？

Web Open Font Format (WOFF) 是Mozilla 開發的網頁字型檔案格式。WOFF 檔案可以包含壓縮的TTF 和 OTF 檔案，以及授權資訊和其他元資料。以下是您需要瞭解的 WOFF 資訊。

本文中的資訊適用於 WOFF 和 WOFF2 檔案。

什麼是 WOFF 檔案？

類似於ZIP 檔案，WOFF 檔案是其他檔案的容器，特別是 TrueType Font (TTF) 和 OpenType Font (OTF) 檔案。這些類型的檔案讓網頁設計師能夠使用大多數電腦上標準字元以外的字型。

WOFF 已被 WOFF2 格式取代。WOFF2 提供了更好的壓縮演算法，可將原始檔案大小額外減少 30%。因此，WOFF2 檔案佔用的頻寬更少，載入速度更快。WOFF 檔案的副檔名是 .woff，而 WOFF2 檔案的副檔名是 .woff2。

WOFF 檔案如何運作？

幾乎所有的網頁都使用 Cascading Style Sheets (CSS) 來定義螢幕上HTML和其他元素的佈局。例如，開發人員可以使用 CCS 來參考用戶電腦上已經安裝的字體，從而更改網頁字體。但是，如果您的個人電腦或瀏覽器不支援某種字體，那麼該字體會顯示為不同的字體，或者根本無法載入，這取決於頁面的字體堆疊是如何設置的。

為了避免這個問題，自訂字型可以儲存在 WOFF 檔案中，與所有其他網頁元素一起儲存在伺服器上。然後，設計師可以使用@font-face CSS 屬性來引用 WOFF 檔案，並在瀏覽器中呈現字型。

Google Chrome、Firefox、Microsoft Edge、Opera 和Safari均支援 WOFF 格式，但您可能需要將瀏覽器更新至最新版本。

WOFF 的優點

除了擴大網頁開發人員可用的字型種類之外，使用 WOFF 檔案還有幾個好處。例如

壓縮：由於 WOFF 檔案是經過壓縮的，因此它們的載入速度比其他字體檔案類型更快。
HTML 與 CSS 支援：與圖像檔案不同，WOFF 檔案可以使用 HTML 和 CSS 來設定樣式。
SEO： WOFF 字型比文字影像更適合搜尋引擎最佳化 (SEO)。
最佳化的呈現： WOFF 檔案包含排版資訊，包括上下文表格和舊式數字，可在所有裝置上達到最佳呈現效果。
網站無障礙： WOFF 檔案使網站更容易存取，因為文字可以朗讀，而文字的影像則不能。
嵌入： WOFF 字型可讓您嵌入其他語言的字型，有助於國際化。

創建您自己的 WOFF 字體

FontForge等字體編輯器允許您設計自己的字體集，並將它們匯出為 WOFF 檔案。您還可以使用 FontForge 將 WOFF 轉換為 TTF 或 OTF 檔案。如果您喜歡的字型編輯器只支援 TTF 或 OTF，您可以使用sfnt2woff工具將字型轉換為 WOFF 檔案。

Open Font Library和Font Squirrel有數以百計的 WOFF 格式的字體，這些字體可以免費供商業或非商業使用。

常見問題

如何在 Mac 上安裝 WOFF 字型？

Woff 檔案在網站的伺服器端執行，因此它們是頁面的一部分，可能難以直接下載。相反，請前往「開發」>「顯示頁面資源」（或按鍵盤上的Option+Command+A），然後選擇「字型」資料夾，這會顯示頁面使用的字型名稱。從那裡進行搜尋，看看是否可以下載並安裝在您的 Mac 上。