字體文件格式詳解

了解各種字體格式的特點與適用場景

常見字體格式比較

格式 文件大小 相容性 特點
TTF 較大 最佳 傳統格式,相容性最好
OTF 中等 良好 功能豐富,支援進階特性
WOFF 較小 良好 專為Web優化
WOFF2 最小 現代瀏覽器 最新壓縮格式

TrueType字體(TTF)

格式特點

TrueType由Apple與Microsoft共同開發,採用二次貝茲曲線描述字形輪廓。

優點

  • • 相容性最佳,幾乎所有系統都支援
  • • 字體渲染品質高
  • • 支援hinting技術
  • • 文件格式成熟穩定

缺點

  • • 文件大小相對較大
  • • 不支援OpenType進階特性
  • • 字符集有限

OpenType字體(OTF)

格式特點

OpenType由Adobe與Microsoft開發,支援更大的字符集與更豐富的排版功能。

優點

  • • 支援Unicode字符集
  • • 豐富的OpenType特性
  • • 更好的排版控制
  • • 支援連字與替代字符

缺點

  • • 相容性不如TTF
  • • 文件大小可能較大
  • • 需專業軟體支援

Web開放字體格式(WOFF/WOFF2)

WOFF格式

WOFF(Web Open Font Format)是專為Web設計的字體格式,採用壓縮技術減小文件大小。

  • • 文件大小比TTF小30-50%
  • • 支援元數據與授權資訊
  • • 現代瀏覽器廣泛支援
  • • 載入速度更快

WOFF2格式

WOFF2是WOFF的升級版本,採用更先進的壓縮演算法,文件大小進一步減小。

  • • 文件大小比WOFF小30%
  • • 採用Brotli壓縮演算法
  • • 支援可變字體
  • • 未來Web字體標準

字體格式選擇建議

Web應用

優先選擇WOFF2,備用WOFF,最後TTF

CSS範例:

在@font-face中按優先級設置:WOFF2格式優先,WOFF作為備用,TTF作為最後選擇

桌面應用

推薦使用TTF或OTF格式

  • • Windows:TTF優先
  • • macOS:OTF優先
  • • 跨平台:TTF相容性更好

字體格式轉換

轉換工具推薦

•

FontForge

開源的字體編輯軟體,支援多種格式轉換

•

FontHubs WebFont Kit 產生器

會員專享:生成含 WOFF2、CSS、Demo 與授權摘要的可上線字體包

•

線上轉換工具

FontSquirrel、CloudConvert 等線上服務

•

專業軟體

Glyphs、FontLab等專業字體設計軟體

選擇合適的字體格式

了解不同字體格式的特點,有助於您在不同場景下選擇最合適的字體文件。