TTF · OTF · WOFF · WOFF2 Thin · Regular · Bold 每个字形可编辑 首个字体免费

YoFont / 多语言 / WOFF编辑器 — 无需先转换,直接编辑网页字体

WOFF编辑器 — 无需先转换,直接编辑网页字体

WOFF文件是为网页压缩打包的TrueType或OpenType字体,常常是项目里仅存的一份。在这里直接打开,修改需要的字形,再下载为网页字体或桌面字体文件。

本周热门

全部字体 →

常见问题

能直接编辑WOFF文件吗?

能。不需要先转成TTF。编辑器会解开文件,显示所有字形,你可以像处理其他字体一样处理它。

能把WOFF转成TTF或OTF吗?

能。同一个项目可导出WOFF、WOFF2、TTF和OTF。下载文件需要Pro方案及以上。

编辑后网页字体会变大吗?

只会增加你添加的部分。新语言会增加它的字形,重绘的字母会替换旧的。如果在意文件大小,就导出WOFF2,它的压缩率比WOFF高。

能给网页字体补上缺失的字符吗?

能。如果网站需要西里尔文、希腊文、越南语声调符号或文件里没有的其他文字系统,添加这种语言,字形就会按现有字母的风格绘制。

能编辑在别人网站上找到的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