前言
在上一篇文章中，我引入了TTF 格式的字體文件來解決各平台字體表現不統一的問題。
但其實那不是最優解決方案，因為字體文件不止有TTF 格式，常見的字體格式還有OTF、WOFF 和WOFF2 等。
今天，我來總結一下最常見字體格式的相關概念，方便以後在使用的時候可以做出最優選擇。
TTF（TrueType Font）
TrueType 是由美國蘋果公司和微軟公司共同開發的一種電腦輪廓字體（曲線描邊字）類型標準。
這種類型字體文件的擴展名是.ttf ，類型代碼是tfil。
TrueType的主要強項在於它能給開發者提供關於字體顯示、不同字體大小的像素級顯示等的高級控制。
其兼容性如下：
OTF（OpenType Font）
OpenType 是Adobe 和Microsoft 聯合開發的跨平台字體文件格式，也叫Type 2 字體，它的字體格式採用Unicode 編碼，是一種兼容各種語言的字體格式。
OpenType 也是一種輪廓字體，比TrueType 更為強大，並且還支持多個平台，支持很大的字符集，還有版權保護。可以說它是Type 1和 TrueType 的超集。
OpenType 標准定義了 OpenType 文件名稱的後綴名：
- 包含TrueType 字體的OpenType 文件後綴名為< span style="color: #FF502C; --tt-darkmode-color: #A01B00;">.ttf< /span>。
- 包含PostScript 字體的文件後綴名為< span style="color: #FF502C; --tt-darkmode-color: #A01B00;">.OTF< /span>。
- 如果是包含一系列TrueType 字體的字體包文件，那麼後綴名為.TTC。
OTF 的主要優點有：
- 增強的跨平台功能；
- 更好的支持Unicode標准定義的國際字符集；
- 支持高級印刷控制能力；
- 生成的文件尺寸更小；< /li>
- 支持在字符集中加入數字簽名，保證文件的集成功能。
同一個OpenType 字體文件可以用於Mac OS，Windows 和Linux 系統，這種跨平台的字庫非常方便於用戶的使用，用戶再也不必為不同的系統配製字庫而煩惱了。
OTF 的兼容性和 TTF 相同。
WOFF（Web Open Font Format）
Web 開放字體格式是一種網頁所採用的字體格式標準。此字體格式發展於 2009 年，現在正由萬維網聯盟的 Web 字體工作小組標準化，以求成為推薦標準。
此字體格式不但能夠有效利用壓縮來減少檔案大小，並且不包含加密也不受DRM（數位著作權管理）限制。
WOFF 本質上是包含了基於sfnt 的字體（如TrueType、OpenType 或開放字體格式），且這些字體均經過WOFF 的編碼工具壓縮，以便嵌入網頁中。這個字體格式使用zlib壓縮，文件大小一般比 TTF 小 40%。
其兼容性如下：
WOFF2
WOFF 2 標准在WOFF1 的基礎上，進一步優化了體積壓縮，帶寬需求更少，同時可以在移動設備上快速解壓。
與WOFF 1.0 中使用的Flate 壓縮相比，WOFF 2.0 是使用Brotli 方法進行的壓縮，壓縮率更高，所以文件體積更小。
其兼容性如下：
補充概念
在上面的概念中，出現了Type 1 字體和Type 2 字體的說法，我在這裡補充一下它們兩個的相關概念。
Type 1 字體
Type 1 字體於1984 年由Adobe 引入，與其PostScript 頁面描述語言一起使用，隨著可使用PostScript 的桌面出版軟件和打印機的普及而得到了廣泛使用。 1996 年，Adobe 產品和文字開發開始重點關注用途更為廣泛的 OpenType 字體，對 Type 1 的關注減少了。
Type 2 字體
Open Type 字體也叫Type 2 字體，這個叫法其實也是為了對應Type 1 字體而產生的，表示比Type 1 更進一步。
總結
通過上面的概念，可以看出：
- TTF 的兼容性更好，但是其字體文件體積最大。
- WOFF 字體比TTF 字體有更小的體積和更好的表現性。
- WOFF 2 字體是對WOFF 字體的升級。
所以，如果不考慮兼容性的話，字體使用首推WOFF 2 ，這也是我在文章開頭說使用TTF 並非最優解決方案的原因，大家可以根據自己的實際情況，酌情選擇合適的字體文件，以達到性能優化的目的。
~
~ 本文完，感謝閱讀！
~
學習有趣的知識，結識有趣的朋友，塑造有趣的靈魂！
大家好，我是〖編程三昧〗的作者 隱逸王，我的公眾號是『編程三昧』，歡迎關注，希望大家多多指教！
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/Related%20concepts%20of%20TTF%20TOF%20WOFF%20and%20WOFF2.html
支付宝扫一扫 
评论列表（196条）
测试