TTF 檔太肥了
上一篇 示範在網頁上使用 TTF 檔,讓國字的旁邊出現注音,但是 TTF 檔 size 太大了,網頁需要不少時間載入,嚴重影響使用者體驗。
因此,必須想個辦法幫 TTF 瘦身一下。
TTF 檔介紹
TTF(TrueType Font)是一種字型檔案格式,最早由 Apple 和 Microsoft 於 1980 年代共同開發(很難想像這兩家公司竟然有共同開發的東西)。它是目前最常用的字型格式之一,支援多種作業系統和軟體,並以其高兼容性和品質著稱。
主要特性: 點陣圖與向量圖支援 TTF 是一種基於向量的字型格式,使用數學曲線(如貝茲曲線)來定義每個字元的形狀。這使得字型在不同大小的顯示器和解析度上顯示時,仍然保持清晰和準確。
可縮放: 由於其向量性質,TTF 字型可以被任意縮放,從極小的字體到非常大的尺寸,都能保持其視覺品質,而不會像點陣字型那樣出現鋸齒。
跨平台支援: TTF 可以在大多數作業系統上使用,包括 Windows、macOS、Linux 等。這也是 TTF 流行的一大原因,無論是在桌面軟體還是網頁設計中都廣泛採用。
TTF 檔缺點
不具備壓縮特性,因此檔案較大:相比其他字型格式(例如 WOFF2),TTF 檔案的大小較大,特別是在網頁應用中,可能會影響載入速度。
TTF 檔轉 WOFF2 檔
WOFF2 (Web Open Font Format 2) 是一種專為網頁設計優化的字型格式。它是 WOFF 格式的改進版,由 W3C(World Wide Web Consortium)開發,專門用來在網頁上高效傳輸字型資源。WOFF2 是現代網頁字型標準,提供了出色的壓縮率和兼容性。
transfonter 網站,提供線上將 TTF 轉 WOFF2 的服務
使用方式很容易:
- 將 TTF 上傳
- 選擇要轉格式
- 轉檔
- 下載(Done)
Size 由 12.7 MB 下降到 3.42 MB ,少了 9.28 MB,瘦了好多。 網頁載入的時間,也大大下降了!
太棒了!



