TTF 轉 WOFF 字型轉換
WOFF 是各大瀏覽器最早共同支援的網頁字型格式,至今仍能在 WOFF2 無法觸及的環境中載入。當平台、佈景主題或閱讀器指名要 .woff 檔案時,就在這裡轉換 TTF。
字型轉換器
或將TTF, OTF, WOFF … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
移除用不到的文字系統,可將網頁字型從數百 KB 縮小到 30 KB 以下。要安裝在電腦上的字型請保留所有字元。
貼上字型必須涵蓋的文字或字元,例如標誌用字或標題。其餘字元都會移除。
字型微調能讓 Windows 螢幕上的小字更銳利。移除後網頁字型通常可節省 10–30%;自動微調會為沒有微調資訊的字型加上。
留空則保留原名稱。重新命名後,可將轉換後的字型與原字型一起安裝而不衝突。
例如 Regular、Bold、Italic。留空則保留原本的樣式名稱。
使用方式
- 1
選擇 TTF 字型
上傳要放到網站上的 TrueType 檔案,每批最多 20 個,每個檔案不超過 95 MB。
- 2
確認輸出格式為 WOFF
轉換為已設為 WOFF。在進階設定中勾選附上 @font-face CSS,即可取得現成的規則;如果字型只用於單一文字的網站,可選擇保留字元子集。
- 3
轉換為 WOFF
按下轉換為 WOFF,下載 .woff 檔案,再上傳到樣式表旁邊或佈景主題的字型資料夾。
TTF 轉 WOFF 不會更動任何字形。它會以 zlib 壓縮每個字型資料表,加上一個小標頭,產生的檔案可讓最早到 Internet Explorer 9 的瀏覽器透過 @font-face 載入。
誰仍需要 TTF 轉 WOFF
WOFF 由 Mozilla 的 Jonathan Kew 與字型設計師 Tal Leming、Erik van Blokland 在 2009 年提出,2010 年首先在 Firefox 3.6 中推出,並於 2012 年 12 月成為 W3C 建議標準。它的目標很務實:讓字型公司有一種不只是把桌面字型原檔放上伺服器的網頁格式,也讓瀏覽器有一個共同支援的格式。短短幾年內,Chrome、Safari 和 Internet Explorer 9 都支援了它。
如今 WOFF2 能用更少的位元組完成同樣的工作,所以 WOFF 主要作為備援格式,以及舊系統的需求而留存。部分 WordPress 佈景主題、頁面編輯器和電商範本的字型上傳欄位仍然只接受 .woff。使用 Internet Explorer 11 的企業內部網路完全無法讀取 WOFF2。電子書製作也是一例:EPUB 3 接受 WOFF,而閱讀程式對 WOFF2 的支援較新,也不太一致。
IE 9–11能讀取 WOFF 但始終無法讀取 WOFF2 的瀏覽器
WOFF2 之外還要提供 WOFF 備援嗎?
該加入 WOFF 的理由
- 涵蓋 Internet Explorer 9 到 11,以及 WOFF2 問世之前發行的瀏覽器
- 佈景主題與外掛中只列出 .woff 的上傳欄位也能接受
- 不影響新版瀏覽器的使用者,因為他們會先下載 WOFF2 那一行
可以略過的理由
- 比相同字型的 WOFF2 大約多 30%
- 每種字重都多一個檔案,需要上傳、管理版本並更新快取
- 多數公開網站的舊版瀏覽器訪客太少,幾乎察覺不到
將 WOFF 檔案加入 @font-face
把兩個檔案列在同一個 src 宣告中:先寫 .woff2 並加上 format("woff2"),再寫 .woff 並加上 format("woff")。格式提示可讓瀏覽器略過無法使用的檔案,不必下載。如果你還需要把字型用在桌面應用程式或設計稿,請保留原始 TTF;之後用 WOFF 轉 TTF 轉回來雖然可行,但沒有理由依賴這種做法。
按下轉換之前,有兩個選項值得看一下。保留字元會把字型縮減為網站實際使用的文字,對檔案大小的影響比選擇 WOFF 或 WOFF2 更大。微調(Hinting)在針對 Internet Explorer 的備援字型上可維持保留,因為這類使用者多半在 Windows 螢幕上,TrueType 指令仍能讓小字更清晰。
TTF
TrueType 字型
TTF 是 Apple 在 1980 年代末開發、1991 年發布,之後授權給 Microsoft 的 TrueType 字型格式。它以二次曲線定義字形輪廓,並包含讓文字在螢幕上顯示清晰的 hinting 指令。所有桌面作業系統、文書處理軟體和設計應用程式都支援 TrueType。它缺少 OpenType 的一些進階排版功能,也比網頁字型格式大。
- 壓縮方式
- 無損
- 透明度
- –
- 動畫
- –
- 推出年份
- 1991 · Apple
WOFF
Web Open Font Format
WOFF 是由 Mozilla、Opera 與 Microsoft 共同製作的網頁字型格式,並於 2012 年成為 W3C 建議標準。它為 TrueType 或 OpenType 字型資料加上壓縮與中繼資料,以加快下載速度。所有瀏覽器都支援 WOFF,但壓縮效果更好的 WOFF2 已大致取而代之。桌面作業系統無法直接安裝 WOFF 字型。
- 壓縮方式
- 無損
- 透明度
- –
- 動畫
- –
- 推出年份
- 2012 · W3C (Mozilla, Opera, Microsoft)
TTF 轉 WOFF 會把桌面字型壓縮成最早的網頁字型容器,適用於舊版瀏覽器、電子書閱讀器,以及要求上傳 .woff 而非 WOFF2 的佈景主題。
TTF 轉 WOFF 常見問題
現代瀏覽器還支援 WOFF 嗎?
可以。目前所有瀏覽器除了 WOFF2 之外也都支援 WOFF,WOFF 1.0 的支援從未被移除。只是當規則同時提供兩種格式時,瀏覽器會優先選用 WOFF2,因為它的檔案更小。
TTF 和 WOFF 哪個檔案比較小?
一般來說是 WOFF。它以 zlib(ZIP 檔案所用的演算法)壓縮相同的資料表,所以一般文字字型的檔案大小會明顯縮小。WOFF2 改用 Brotli,壓縮得更小,因此新網站首選 TTF 轉 WOFF2。
EPUB 可以使用 WOFF 字型嗎?
可以。EPUB 3 將 WOFF 列為核心字型類型,與 TrueType、OpenType 並列,EPUB 3.2 又在 2019 年加入 WOFF2。較舊的閱讀程式可能只認得前三種,所以製作書籍時,選 WOFF 或 TTF 比較保險。
src 清單中 WOFF 和 WOFF2 該如何排序?
先 WOFF2,再 WOFF。瀏覽器會依序檢查清單,下載第一個它支援的格式,所以新版瀏覽器會取用 WOFF2,只有舊版瀏覽器才會退到 WOFF 那一行。
WOFF 會保留字型的授權資訊嗎?
字型內的 name 表通常記錄著著作權與授權網址,會原樣複製。WOFF 還定義了一個可選的中繼資料區塊,用來寫授權詳情,部分字型公司會在自家發行的 WOFF 中填寫。