关于: TTF 转 WOFF2
TTF 转 WOFF2 工具把桌面 TrueType 字体转换为 WOFF2,这是所有现代浏览器首选的网页字体格式。WOFF2 使用 Brotli 压缩和专门的字形变换,普通 TTF 文件通常能缩小 50%–70%,而且一个字符都不会丢失。字体越小加载越快,文字显示得越早,LCP 等 Core Web Vitals 指标也会随之提升。
拖入一个文件或整个字体家族,工具就会生成 WOFF2 文件以及 @font-face 规则,字重、样式和 font-display: swap 都已写好。把字体上传到样式表旁边,粘贴 CSS,就不必再从第三方服务器加载字体。所有处理都使用 Google 官方 WOFF2 编码器在浏览器中完成,字体不会上传。
正确地在自己网站上托管字体
把字体放在自己的网站上,而不是从其他服务加载,可以让页面更快,也避免把访问数据发送给第三方。
步骤
- 只添加真正用到的字重的 TTF。每多一个字重就多一些加载时间,用不到的就别加。
- 下载 WOFF2 文件并上传到网站。
- 复制
@font-face规则。规则里已包含font-display: swap,网页字体加载时文字会先用备用字体立即显示。
示例
body { font-family: "MyFont", "PingFang SC", "Microsoft YaHei", sans-serif; }
一个典型的西文 TTF 有 150–250 KB,转成 WOFF2 后约 60–100 KB。中文字体包含数千个汉字,通常有好几 MB,即使转成 WOFF2 也很大。网站上最好只用必要的中文字体,或依赖系统自带字体。
使用方法
- 把 TTF 文件拖到上传区域,或点击选择文件。
- 稍等一秒,每个字体都会被压缩为 WOFF2。
- 单独下载 WOFF2 文件,或全部打包成 ZIP 下载。
- 复制 @font-face CSS 并加入你的样式表。
常见问题
WOFF2 比 TTF 小多少?
通常小 50%–70%,具体取决于字体。150 KB 的 TTF 转成 WOFF2 后一般在 45 到 70 KB 之间。
所有浏览器都支持 WOFF2 吗?
支持。Chrome、Edge、Firefox、Safari 及其移动版都支持 WOFF2,可以只提供这一种格式。
WOFF2 会损失质量吗?
不会。这是无损压缩,TTF 中的所有字形、字距对和 OpenType 特性都会保留。
