TTF · OTF · WOFF · WOFF2 Thin · Regular · Bold 每個字形可編輯 首個字型免費

YoFont / 多語言 / WOFF編輯器——不必先轉檔,直接編輯網頁字型

WOFF編輯器——不必先轉檔,直接編輯網頁字型

WOFF檔案是為網頁壓縮包裝過的TrueType或OpenType字型,常常是專案裡僅存的一份。在這裡直接打開,修改需要的字形,再下載成網頁字型或桌面字型檔。

本週熱門

全部字型 →

常見問題

可以直接編輯WOFF檔案嗎?

可以。不必先轉成TTF。編輯器會解開檔案、顯示所有字形,你可以像處理其他字型一樣處理它。

可以把WOFF轉成TTF或OTF嗎?

可以。同一個專案可以匯出WOFF、WOFF2、TTF和OTF。下載檔案需要Pro方案以上。

編輯後網頁字型會變大嗎?

只會多出你新增的部分。新語言會增加它的字形,重繪的字母會取代舊的。如果在意檔案大小,就匯出壓縮率比WOFF好的WOFF2。

可以替網頁字型補上缺少的字元嗎?

可以。如果網站需要西里爾字母、希臘字母、越南文聲調符號,或檔案裡沒有的其他文字系統,新增該語言,字形就會依照現有字母的風格繪製。

可以編輯在別人網站上找到的WOFF嗎?

只有授權允許時才可以。網站上載入的網頁字型通常只授權給該網站使用。請編輯你自己做的字型、購買時含修改權的字型,或採用開源授權的字型。

我會得到哪些檔案格式?

每個字型都匯出為 TTF、OTF、WOFF 和 WOFF2,並提供 CDN 託管的 @font-face 連結用於網頁嵌入。

立即建立你的字型

生成字型 — 免費

首個字型免費 · 無需銀行卡 · AI 字型生成器

如何編輯WOFF網頁字型

  1. 把.woff拖到頁面上。 不需要轉檔。檔案打開時就帶著完整的字形集和它支援的語言清單。
  2. 修正有問題的地方。 逐一重新生成或重繪字形,或替某個字元附上參考圖。
  3. 補上缺口。 新增頁面需要的語言,這些語言的文字就不會再退回系統字型顯示。
  4. 匯出網頁版和桌面版。 網站下載WOFF或WOFF2,設計團隊需要安裝字型時下載TTF或OTF。

WOFF和WOFF2:裡面裝了什麼

WOFF和WOFF2是容器。裡面是一般的TrueType或OpenType字型,經過壓縮,讓瀏覽器下載得更快。WOFF用zlib壓縮,WOFF2用Brotli,通常小20到30%。

因為裡面是一般字型,所以對TTF能做的事,在這裡都能做:修正字形、新增文字系統、新增字重。

在網站上使用編輯後的字型

為新式瀏覽器匯出WOFF2,只有需要支援很舊的瀏覽器時才保留WOFF。照舊用@font-face載入檔案。如果字型家族名稱不變,CSS就不用改。

打開其他格式

下面每個頁面打開的都是同一個編輯器。選擇跟你的檔案相符的那一個。

TTF編輯器 OTF編輯器 WOFF2編輯器 字型編輯器:所有格式

更多字型生成器

西里爾文 中文 日文 韓文 希伯來文 希臘文 印地文(天城體) 多語言 把你的字跡做成字型 用圖片生成字型 為你的網站定製字型 做一套自己的字型 — 免費 字型製作器 — 幾分鐘做出一款字型 AI 字型 — 真正的字型,而非文字特效 Logo 字型產生器 — 從你的 Logo 得到一整套字型 線上字型編輯器——打開你自己的字型動手修改 線上TTF字型編輯器——打開.ttf,在瀏覽器裡修改 線上OTF字型編輯器——打開.otf,修改它的字形 WOFF2編輯器——打開.woff2,在瀏覽器裡修正 API / MCP