TTF 转 WOFF2
WOFF2 是专为网页设计的字体格式,用 Brotli 压缩并对字形数据重新编码,体积通常只有原字体的 20%~60%,所有现代浏览器都支持。本工具把 ttf、otf、woff、ttc 字体转换成 WOFF2,也能把 WOFF2 转回 TTF 安装到电脑上;转换在浏览器里用 Google 官方 woff2 编码器完成,每个文件都会解码回读校验字形与字符,字体不上传。
如何使用TTF 转 WOFF2
把字体文件拖进虚线框或点「选择字体」,可一次选多个(ttf / otf / woff / ttc / woff2,单个 100MB 以内;ttc 会按款拆开,单款超过 40MB 会提示先做子集化)。
点「开始转换」。WOFF2 用最高压缩档,较大的字体要几十秒,页面会显示已用时,可随时取消。
每个文件转完会显示新旧体积对比与校验结果,点「下载」单独保存,或「打包下载 ZIP」。
网页使用时复制下方生成的 @font-face 代码,把 woff2 文件放到同目录即可。
关于TTF 转 WOFF2的常见问题
- TTF 转 WOFF2 会上传我的字体吗
- 不会上传。WOFF2 编码器是 Google 官方 woff2 程序编译成的 WebAssembly,第一次点「开始转换」时从本站加载到你的浏览器里,在独立的后台线程运行;字体文件只在本机内存里处理,全程没有任何字节发往服务器,关掉页面就清空,也不存进浏览器的本地存储。未公开的品牌字体、有授权限制的商用字体都可以放心在这里转换格式。
- woff 和 woff2 有什么区别
- 两者都是网页字体格式,差别在压缩:WOFF 逐表用 zlib 压缩,WOFF2 改用 Brotli,并且先把 glyf、loca、hmtx 这几张最大的表重新编码再压缩,所以同一个字体的 WOFF2 通常比 WOFF 还小一截。Chrome、Edge、Firefox、Safari 等所有现代浏览器(包括手机浏览器)都支持 WOFF2,只有在必须兼容 IE 浏览器时才需要额外提供 woff 兜底;新项目直接用 WOFF2 一种格式就够了。
- woff2 文件怎么安装到电脑上
- Windows 和 macOS 都不能直接安装 woff2 文件,Photoshop、Word 等软件也识别不了。把 woff2 拖进本页,它会自动识别为「还原」方向:TrueType 轮廓的字体还原成 .ttf,PostScript(CFF)轮廓的还原成 .otf,下载后双击就能安装。注意从网站上扒下来的 woff2 字体同样受原授权约束,转成 ttf 不代表可以商用。
- ttf 转 woff2 之后字体会变样吗
- 不会。WOFF2 是无损的字体封装,只换压缩方式,不删字、不改轮廓。本工具每转完一个文件都会立刻把 WOFF2 解码回来,核对字形数量、字符映射表和轮廓数据与原字体一致,不一致就放弃输出。要说明的是:从 WOFF2 还原出的 TTF 与原文件不保证逐字节相同,因为规范允许重建 glyf 与 loca 表,数字签名表 DSIG 也会被去掉(它在重建后必然失效),但每个字的字形与字符映射不变。
- 中文字体转 woff2 后还是很大怎么办
- WOFF2 只换压缩,不删字。一套中文字体有 2 万多个汉字,按本页实测,Arial Unicode 这类大字库转成 WOFF2 后仍有 10MB 以上,直接放到网页上加载会很慢。如果网页只用到标题、按钮等少量文字,先用本站的「字体子集化」工具只保留用到的字,体积能从十几 MB 降到几十 KB,再把子集结果转成 WOFF2。正文用中文字体时,一般直接用系统字体更合适。
- 为什么 ttf 转 woff2 要等几十秒
- 因为 WOFF2 使用 Brotli 的最高压缩档(质量 11),用时间换体积。按本页实测,在 Apple M 系列电脑上较大的字体大约每 MB 需要 2.4~3.3 秒,7.5MB 的 SFNS 约 25 秒、22MB 的 Arial Unicode 约 54 秒;手机通常还要慢几倍。转换只需做一次,之后网站的每位访问者每次都能少下载几十个百分点的流量。转换在后台线程里跑,页面不会卡住,可以随时点「取消」。
- 手机上能把 ttf 转成 woff2 吗
- 能。手机上的 Chrome、Safari 等浏览器打开本页就能用,用的是和电脑上同一个 WOFF2 编码器,结果一样,同样不上传。区别在速度和内存:Brotli 最高档压缩很吃算力,手机通常比本页实测表慢几倍,几百 KB 的英文字体几秒就好,二十多 MB 的中文大字库可能要几分钟,中途切到别的 App 还可能被系统中断。交给编码器的单款字体超过 40MB 会直接提示,不会硬转;大字库建议在电脑上转,或先用「字体子集化」删掉用不到的字再转。
- 字体转 woff2 之后能商用吗
- 格式转换不改变授权。原字体允许网页嵌入、允许商用,转成 WOFF2 后也一样;原字体不允许的,转换后同样不允许。本工具会读取字体里的嵌入权限标记(fsType),标记为「禁止嵌入」的字体会在队列里显示黄色提醒,但不阻止转换(你可能只是自用)。方正、汉仪等商用字体放到网站上之前,请先确认授权范围包含网页嵌入。
- 可以批量把 ttf 转成 woff2 吗
- 可以。一次可以拖入多个文件,队列最多 20 个条目,按顺序逐个转换;ttc 字体集合会自动按款拆开,每款各出一个 .woff2(浏览器的 @font-face 用不了 WOFF2 集合)。全部转完后可以单独下载,也可以「打包下载 ZIP」,同名文件会自动加上 (2)、(3) 避免互相覆盖;页面同时生成全部文件的 @font-face 代码,同一家族的多个字重会写在同一个 font-family 下。
TTF 转 WOFF2 能压缩多少体积
下表是用本工具同一个编码器(woff2-encoder 2.0.0,即 Google 官方 woff2 程序)在 Apple M 系列电脑上实测的结果,字体取自 macOS 自带字体,「原大小」是交给编码器的单款字体。可以看到 WOFF2 的压缩率因字体差异很大:字形数据冗余多的 TrueType 字体能压到三成以下,本身已经很紧凑的 CFF 轮廓只能压掉四成多。所以页面不承诺固定比例,每个文件转完都会显示真实对比。
| 字体 | 类型 | 原大小 | WOFF2 | 为原来的 | 编码耗时 |
|---|---|---|---|---|---|
| STIXGeneralBol.otf | CFF 轮廓(OTF) | 182.24 KB | 101.10 KB | 55.5% | 1.2 秒 |
| Geneva.ttf | TrueType | 719.50 KB | 208.30 KB | 29.0% | 1.8 秒 |
| Seravek.ttc 第 1 款 | TrueType(集合拆款) | 804.63 KB | 180.19 KB | 22.4% | 2.7 秒 |
| SFNS.ttf | TrueType 可变字体 | 7.54 MB | 2.64 MB | 35.0% | 24.8 秒 |
| AppleMyungjo.ttf | TrueType 韩文 | 17.89 MB | 4.94 MB | 27.6% | 45.3 秒 |
| Arial Unicode.ttf | TrueType 大字库 | 22.20 MB | 10.83 MB | 48.8% | 53.8 秒 |
哪些字体格式可以转换成 WOFF2
本工具按文件头识别格式,不看扩展名,改过后缀的文件也能认出来。字体转 WOFF2 和 WOFF2 转换回 TTF/OTF 两个方向都支持,下表是全部情况:
| 输入 | 能否转换 | 怎么处理 | 输出 |
|---|---|---|---|
| .ttf(TrueType) | TTF 转 WOFF2 | 原样交给编码器 | .woff2 |
| .otf(CFF / CFF2) | OTF 转 WOFF2 | 原样交给编码器 | .woff2 |
| .woff(WOFF 1.0) | WOFF 转 WOFF2 | 先在浏览器里解包成 sfnt 再编码 | .woff2 |
| .ttc / .otc(字体集合) | TTC 转 WOFF2 | 逐款拆开,每款单独编码 | 每款一个 .woff2 |
| .woff2 | WOFF2 转 TTF / WOFF2 转 OTF | 解码还原(单个 40MB 以内) | .ttf 或 .otf(按轮廓类型) |
| WOFF2 字体集合(多款打包成一个 .woff2) | 暂不支持 | 预检时拦下 | — |
| Apple 位图字体等没有 head 表的字体 | 不支持 | 预检时拦下并说明原因 | — |
| eot、svg 字体、fon、非字体文件 | 不支持 | 按文件头判定为非字体 | — |
TTF、WOFF、WOFF2 网页字体格式怎么选
一句话选法:要安装到电脑或放进设计软件用 TTF / OTF,放到网站上用 WOFF2。三者装的是同一套字形,WOFF 和 WOFF2 区别只在压缩方式和浏览器覆盖面。 以本页实测的 Geneva.ttf 为例,原文件 719.50 KB,转成 WOFF2 后 208.30 KB,网页访问者每次加载少下载71.0%。
| 格式 | 压缩方式 | 浏览器支持 | 适合用在 |
|---|---|---|---|
| TTF / OTF | 不压缩 | 浏览器能用,但体积大 | 安装到电脑、设计软件、App 内置字体 |
| WOFF | 逐表 zlib 压缩 | 所有浏览器,包括 IE9+ | 只为极老浏览器兜底 |
| WOFF2 | Brotli + 字形表重新编码 | 所有现代浏览器(含手机) | 网页字体首选 |
网页上用 WOFF2 的标准写法是 @font-face woff2 一行:src: url('字体.woff2') format('woff2'),再加 font-display: swap 避免字体没下完时页面白屏等字。本工具会按每个字体的家族名、字重(可变字体写成字重范围)和是否斜体生成这段代码。 英文资料里这件事通常叫 TTF to WOFF2 或 convert TTF to WOFF2,命令行工具是 woff2_compress,需要自己编译;本页把同一个编码器放进了浏览器,TTF 转 WOFF2 在线就能完成。
WOFF2 转换用的是哪一档 Brotli 压缩
WOFF2 规范没有规定压缩档位,Google 官方编码器默认、也是本工具使用的是 Brotli 最高档(质量 11),追求的是最小体积。最高档的压缩速度比中档慢几十倍,但只需要做一次:字体部署到网站后,每位访问者每次都能少下载几十个百分点。转换在后台线程(Web Worker)里进行,每个文件用完即释放内存,页面不会卡住;转换中可以随时取消,已完成的结果会保留。