什麼是WOFF檔(Web Open Font Format)?

Web Open Font Format(WOFF)是Mozilla開發的一種網頁字體檔案格式。WOFF檔可以壓縮TTF、OTF檔、許可資訊和其他元資料。

以下就是需要你了解關於WOFF的資訊,這篇文章中將介紹WOFF和WOFF2檔。

什麼是WOFF檔?

與ZIP檔類似,WOFF檔可以包含其它檔案,特別是TrueType字體(TTF)和OpenType字體(OTF)的檔案。這一類型的檔案可以使網站開發者使用電腦上標準字元以外的大多數字體。

現在WOFF已經被WOFF2格式替代,因為WOFF2提供了更好的壓縮演算法,這可以將原始檔的大小多減少30%。

因此,WOFF2檔佔用的頻寬會更少,載入的速度也將更快。WOFF文件的副檔名是”.WOFF”,而WOFF2文件的副檔名是”.WOFF2″。

WOFF如何執行?

幾乎所有的網站頁面都使用階層式樣式表(CSS)來定義螢幕上文字標記語言(HTML)和其他元素的佈局。例如,開發人員可以用CSS來載入使用者電腦上已經安裝的字體以改變網站字體。

然而,如果你的電腦或瀏覽器不支援一種字體,它將顯示為不同的字體或根本不載入,而這取決於頁面的字體是如何設定。

為了避免這個問題,可以將自訂字體儲存在WOFF檔中,該檔與其他所有網站頁面元素一起保存在伺服器上。然後設計者可以使用”@font-face CSS”屬性來載入WOFF檔,並在瀏覽器中呈現該字體。

Google Chrome、Firefox、Microsoft Edge、Opera和Safari都支援WOFF格式,但你可能需要將網路瀏覽器更新到最新版本才能使用該格式。

WOFF的優點

除了擴充網站開發人員可使用的字體類型外,使用WOFF檔還有其它幾個優點。例如:

  • 壓縮性佳:由於WOFF檔是壓縮檔,所以它載入速度比其他類型的字體檔更快。
  • HTMLCSS支援:不像影像檔,WOFF檔可以用HTML和CSS載入使用。
  • 搜尋引擎優化:對於搜尋引擎優化(SEO)來說,WOFF字體比圖片內添加特定字體更好。
  • 優化介面:WOFF檔涵蓋了排版資訊,其中包括上下文的表格和舊式圖形,這使它在所有設備上都可以達到優化介面的效果。
  • 網站接受性高:WOFF檔使網站更受大眾接受。
  • 嵌入性佳:WOFF字體允許你嵌入其他語言的字體,因此成為國際通用的格式。

創建自己的WOFF字體檔

你可以使用像FontForge這樣的字體編輯器來設計自己的字體集,並將它們匯出為WOFF格式。

你也可以使用FontForge把WOFF格式字體轉換成TTF或OTF格式。如果有其它喜歡但只支援TTF或OTF字體格式的字體編輯器,可以使用sfnt2woff工具將該字體轉換為WOFF格式。

順帶一提,Font LibraryFont Squirrel有數百種WOFF格式的字體,並且它們可以免費商業及個人使用。

相關文章

- 廣告 -

推薦文章

- 廣告 -

熱門文章

- 廣告 -
error: 請勿複製文章內容!