UltKit

字型轉換

把桌面字型轉成網頁字型,或把網頁字型轉回可安裝的字型。上傳 TTF、OTF、WOFF、WOFF2 及較舊的格式,選擇目標格式,還可以視需要精簡字元集,讓檔案在網站上載入得更快。

字型轉換器

或將TTF, OTF, WOFF … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    加入字型檔案

    最多可放入 20 個字型,每個檔案上限 95 MB。同一批次可混用 TTF、OTF、WOFF、WOFF2、EOT、SVG 字型、TTC 字型集、Mac dfont 檔案,以及 Type 1 的 PFB/PFM/AFM 檔案。

  2. 2

    選擇目標格式

    轉換為預設為 WOFF2,這是網站用途中檔案最小的格式。若要把字型安裝到 Windows 或 macOS,請選擇 TTF 或 OTF。開啟進階設定即可子集化字元、變更微調(Hinting)、重新命名字型家族,或勾選附上 @font-face CSS。

  3. 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 →TTFOTFWOFFWOFF2EOTSVG
TTFTTF to TTF: yesTTF to OTF: yesTTF to WOFF: yesTTF to WOFF2: yesTTF to EOT: yesTTF to SVG: yes
OTFOTF to TTF: yesOTF to OTF: yesOTF to WOFF: yesOTF to WOFF2: yesOTF to EOT: yesOTF to SVG: yes
WOFFWOFF to TTF: yesWOFF to OTF: yesWOFF to WOFF: yesWOFF to WOFF2: yesWOFF to EOT: yesWOFF to SVG: yes
WOFF2WOFF2 to TTF: yesWOFF2 to OTF: yesWOFF2 to WOFF: yesWOFF2 to WOFF2: yesWOFF2 to EOT: yesWOFF2 to SVG: yes
EOTEOT to TTF: yesEOT to OTF: yesEOT to WOFF: yesEOT to WOFF2: yesEOT to EOT: yesEOT to SVG: yes
SVGSVG to TTF: yesSVG to OTF: yesSVG to WOFF: yesSVG to WOFF2: yesSVG to EOT: yesSVG to SVG: yes
TTCTTC to TTF: yesTTC to OTF: yesTTC to WOFF: yesTTC to WOFF2: yesTTC to EOT: yesTTC to SVG: yes
PFBPFB to TTF: yesPFB to OTF: yesPFB to WOFF: yesPFB to WOFF2: yesPFB to EOT: yesPFB to SVG: yes
supported not offered任何輸入格式都能轉成任何輸出格式。TTC 字型集會被拆開,每個成員各自成為一個檔案;Type 1 字型需要 PFB 搭配其 PFM 或 AFM 度量檔。也接受 dfont 輸入。

子集化、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 會保留其軸,因此一個檔案仍涵蓋所有字重。子集化同樣會保留軸,只會移除被刪掉的字元。

字幕轉換CAD 轉檔圖片轉檔
像素換算

所有字型轉換工具

請選擇對方要求的確切規格。下方每個頁面都是同一個工具,只是預設值不同。