字型轉換
把桌面字型轉成網頁字型,或把網頁字型轉回可安裝的字型。上傳 TTF、OTF、WOFF、WOFF2 及較舊的格式,選擇目標格式,還可以視需要精簡字元集,讓檔案在網站上載入得更快。
字型轉換器
或將TTF, OTF, WOFF … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
移除用不到的文字系統,可將網頁字型從數百 KB 縮小到 30 KB 以下。要安裝在電腦上的字型請保留所有字元。
貼上字型必須涵蓋的文字或字元,例如標誌用字或標題。其餘字元都會移除。
字型微調能讓 Windows 螢幕上的小字更銳利。移除後網頁字型通常可節省 10–30%;自動微調會為沒有微調資訊的字型加上。
留空則保留原名稱。重新命名後,可將轉換後的字型與原字型一起安裝而不衝突。
例如 Regular、Bold、Italic。留空則保留原本的樣式名稱。
使用方式
- 1
加入字型檔案
最多可放入 20 個字型,每個檔案上限 95 MB。同一批次可混用 TTF、OTF、WOFF、WOFF2、EOT、SVG 字型、TTC 字型集、Mac dfont 檔案,以及 Type 1 的 PFB/PFM/AFM 檔案。
- 2
選擇目標格式
轉換為預設為 WOFF2,這是網站用途中檔案最小的格式。若要把字型安裝到 Windows 或 macOS,請選擇 TTF 或 OTF。開啟進階設定即可子集化字元、變更微調(Hinting)、重新命名字型家族,或勾選附上 @font-face CSS。
- 3
轉換並下載
按下轉換為 WOFF2(按鈕文字會依你的選擇改變),再單檔或以 ZIP 儲存檔案。上傳的字型與轉換結果會在 30 分鐘後從伺服器刪除。
桌面字型與網頁字型:TTF、OTF、WOFF 和 WOFF2
TrueType 由 Apple 開發,1991 年隨 System 7 推出;一年後 Microsoft 取得授權用於 Windows 3.1。OpenType 由 Microsoft 與 Adobe 於 1996 年發表,加入 PostScript 輪廓與排版功能,現在也以 ISO/IEC 14496-22 Open Font Format 發布。如今安裝在電腦上的字型都是這兩種之一,副檔名為 .ttf 或 .otf。
網頁字型的資料相同,只是為了下載而壓縮。WOFF 1.0 在 2012 年成為 W3C 建議標準,以 zlib 壓縮每個字型表格。WOFF2 於 2018 年跟進成為 W3C 建議標準:它使用 Brotli,並對字形資料加上前處理步驟,依 Google 的測量結果,檔案比 WOFF 小約 30%。目前所有版本的 Chrome、Edge、Firefox 與 Safari 都能讀取 WOFF2,所以轉換為預設選它。
如果你從網站取得 WOFF2,卻需要在 Word、Figma 或 Photoshop 中使用,可以用 WOFF 轉 TTF 或 WOFF2 轉 TTF 反向轉換。若是自行代管的網站,幾乎都該使用 TTF 轉 WOFF2。
| from ↓ · to → | TTF | OTF | WOFF | WOFF2 | EOT | SVG |
|---|---|---|---|---|---|---|
| TTF | TTF to TTF: yes | TTF to OTF: yes | TTF to WOFF: yes | TTF to WOFF2: yes | TTF to EOT: yes | TTF to SVG: yes |
| OTF | OTF to TTF: yes | OTF to OTF: yes | OTF to WOFF: yes | OTF to WOFF2: yes | OTF to EOT: yes | OTF to SVG: yes |
| WOFF | WOFF to TTF: yes | WOFF to OTF: yes | WOFF to WOFF: yes | WOFF to WOFF2: yes | WOFF to EOT: yes | WOFF to SVG: yes |
| WOFF2 | WOFF2 to TTF: yes | WOFF2 to OTF: yes | WOFF2 to WOFF: yes | WOFF2 to WOFF2: yes | WOFF2 to EOT: yes | WOFF2 to SVG: yes |
| EOT | EOT to TTF: yes | EOT to OTF: yes | EOT to WOFF: yes | EOT to WOFF2: yes | EOT to EOT: yes | EOT to SVG: yes |
| SVG | SVG to TTF: yes | SVG to OTF: yes | SVG to WOFF: yes | SVG to WOFF2: yes | SVG to EOT: yes | SVG to SVG: yes |
| TTC | TTC to TTF: yes | TTC to OTF: yes | TTC to WOFF: yes | TTC to WOFF2: yes | TTC to EOT: yes | TTC to SVG: yes |
| PFB | PFB to TTF: yes | PFB to OTF: yes | PFB to WOFF: yes | PFB to WOFF2: yes | PFB to EOT: yes | PFB to SVG: yes |
子集化、hinting 與 @font-face 選項說明
| 設定 | 選項 | 作用 | 適合調整的時機 |
|---|---|---|---|
| 保留字元 | 所有字元、基本拉丁、拉丁+重音、西里爾、希臘、越南文、僅我輸入的字元 | 刪除所選文字系統以外的字形 | 字型用於只使用一、兩種文字的網站 |
| 要保留的字元 | 自由輸入文字,最多 5,000 個字元 | 只保留你貼上的字元 | 標誌、標題或數字顯示只需要少數字形 |
| 保留連字與字距調整 | 開(預設)或關 | 為剩餘字母保留 fi/fl 連字與字距配對 | 需要再省下最後幾 KB,且能接受較鬆散的間距 |
| 微調(Hinting) | 保持不變、移除、自動微調 | 保留、移除或產生讓輪廓貼齊像素格線的指令 | 高解析度螢幕的網頁字型選移除;Windows 上未微調的字型選自動微調 |
| 附上 @font-face CSS | 開或關 | 加入一個 .css 檔,內含指向該字型的現成規則 | 你要手動把字型貼到網站中 |
| 字型家族名稱/樣式名稱 | 各最多 63 個字元 | 改寫字型內部儲存的名稱 | 轉換後的副本必須能與原始字型並存安裝 |
子集化是縮小檔案最有效的方法。涵蓋拉丁、希臘、西里爾與越南文的字型家族可能有 1,000 多個字形,而純英文網站只需不到 100 個。拉丁+重音是西歐與中歐語言的安全選擇,因為它包含 é、ñ、ø、ł 等基本拉丁會遺漏的字元。安裝到電腦上的字型請保留所有字元,否則缺少的字形之後會顯示為空白方框。
微調在低解析度的 Windows 螢幕上最重要。在手機與 Retina 螢幕上幾乎看不出效果,所以移除後通常能讓網頁字型縮小 10 到 30%。SVG 輸出會忽略微調與子集化選項,因為 SVG 字型只儲存單純的路徑輪廓。CSS 選項適用於 WOFF、WOFF2、EOT 與 TTF 目標格式。
轉換前先確認字型授權
- 只轉換你有權使用的字型;請查看字型隨附的授權合約中是否提到「網頁」、「嵌入」或「自行代管」。
- 桌面授權很少涵蓋把字型放在公開網站上,因為每位訪客都能下載網頁字型。
- SIL Open Font License 字型可自由轉換與提供,但帶有保留字型名稱(Reserved Font Name)的字型一經修改就不得沿用該名稱,而 OFL FAQ 將子集化視為修改。請填寫字型家族名稱來重新命名。
- Windows 或 macOS 內建的字型只授權在該系統上使用,不得作為網頁字型再散布。
- 請保留原始檔案:轉換器不會修改你上傳的檔案,但重新命名或子集化的副本無法取代具授權的原始主檔。
讓轉換後的字型順利安裝與載入
| 建議 | 避免 |
|---|---|
| 選擇拉丁+重音、你需要的文字系統,或在文字顯示為方框時選所有字元;選僅我輸入的字元時,也要加入標點與數字 | 不要按兩下 WOFF、WOFF2 或 SVG 檔案來安裝;Windows 會顯示它不是有效的字型 |
| 要安裝到 Windows 的字型請轉成 TTF 或 OTF;系統安裝程式只接受這兩種格式 | 不要在修改過的副本上沿用原始的內部字型家族名稱,否則它會在字型選單中取代原始字型 |
| 將字型家族名稱設為類似「Inter Web」,讓轉換後的副本能與原始字型並存安裝 | 不要對會在舊版 Windows 電腦上以小字級閱讀的字型移除微調 |
| 手動微調良好的字型選保持不變,從未微調過的字型選自動微調 | 不要在沒有 CORS 標頭的情況下從其他來源提供網頁字型;瀏覽器會下載它,然後忽略它 |
讓 @font-face 規則中的 src 路徑與 format("woff2") 對應你上傳的檔案 |
字型轉換常見問題
我買的字型可以合法轉換格式嗎?
轉換檔案只是技術操作,轉換後的字型能做什麼,取決於授權條款。許多桌面授權允許安裝在指定數量的電腦上,但不包含在網站上提供字型,通常需要另外購買網頁字型授權。採用 SIL Open Font License 的字型(例如大多數 Google Fonts)可以轉換並自行代管。
TTF 和 OTF 有什麼差別?
TTF 儲存的是以二次曲線繪製的 TrueType 輪廓;OTF 通常儲存以三次曲線繪製的 PostScript(CFF)輪廓。兩者在 Windows 與 macOS 的安裝方式相同,也都能包含連字等 OpenType 功能。兩者互轉時會重新繪製曲線,在一般大小下看不出差異。
字型轉成 WOFF2 會降低品質嗎?
不會。WOFF2 只是對相同的 TrueType 或 OpenType 資料做壓縮封裝,瀏覽器會將它還原成原本的輪廓。字形、字距與功能完全相同,只有下載量變小。
WOFF 或 WOFF2 檔案可以安裝到電腦上嗎?
Windows 與 macOS 都無法直接安裝 WOFF 或 WOFF2。請先用 WOFF2 轉 TTF 轉成 TTF 或 OTF,再按兩下轉換後的檔案進行安裝。
網站還需要 EOT 或 SVG 字型嗎?
只有非常老舊的瀏覽器才需要。Internet Explorer 6 到 8 需要 EOT,而 IE 9 已經能讀取 WOFF。SVG 字型在 2014 年被 Chrome 移除,Firefox 也從未支援,因此現代的 @font-face 規則只需要 WOFF2,並可選擇以 WOFF 作為備用。
為什麼轉換後的網頁字型還有好幾百 KB?
字型仍包含設計時涵蓋的所有文字系統:泛歐字型家族可能帶有你從不使用的拉丁、希臘、西里爾與越南文字形。請將保留字元設為頁面實際使用的文字,並將微調(Hinting)設為移除,兩者搭配通常能讓檔案縮小一半以上。
可變字型可以轉換嗎?
可以。將可變 TTF 轉成 WOFF2 會保留其軸,因此一個檔案仍涵蓋所有字重。子集化同樣會保留軸,只會移除被刪掉的字元。
所有字型轉換工具
請選擇對方要求的確切規格。下方每個頁面都是同一個工具,只是預設值不同。
- OTF 轉 TTF 字型轉換將 OpenType OTF 字型轉成 TrueType TTF,給只接受 TTF 的軟體使用。了解三次曲線與 PostScript 提示會如何處理,以及何時該自動提示。
- TTF 轉 OTF 字型轉換將 TrueType TTF 字型轉換為使用 CFF 外框的 OpenType OTF。二次曲線可精確轉為三次曲線;了解微調與字型特性會受到什麼影響。
- TTF 轉 SVG 轉換器將 TrueType 字型轉成 SVG 字型,每個字符都以 SVG 路徑資料儲存,適用於圖示字型工具、Inkscape 與舊版網頁字型套件。轉換前請先了解兩者差異。
- TTF 轉 WOFF 字型轉換將 TrueType 字型封裝為 WOFF 1.0,支援 Internet Explorer 9–11、舊款電子書閱讀器與舊版 CMS 佈景主題。了解何時仍值得提供 WOFF 備援。
- TTF 轉 WOFF2 字型轉換將 TrueType 字型轉成 Brotli 壓縮的 WOFF2 網頁字型,並附上可直接使用的 @font-face 規則。可選擇拉丁字元或自訂子集,進一步縮小下載量。
- WOFF 轉 OTF 字型轉換將 WOFF 網頁字型轉為 OpenType OTF。CFF 類型的 WOFF 可原樣解開;TrueType 類型則會改寫為三次曲線。先確認你的檔案屬於哪一種。
- WOFF 轉 TTF 字型轉換將 WOFF 1.0 網頁字型解壓縮為可安裝的 TrueType TTF 檔案,適用舊版網頁字型包、網站備份或圖示字型包。每批最多 20 個字型。
- WOFF2 轉 TTF 字型轉換將 WOFF2 網頁字型還原為 TrueType TTF 檔,供 Windows、macOS、Word 和 Figma 使用。並說明為何部分網頁字型轉換後會缺字。