1. 首页
  2. 字体工具
  3. TTF 转 WOFF2

TTF 转 WOFF2

把 TTF 字体转换成体积小巧的 WOFF2 网页字体,让网站加载更快。可一次转换多个文件,并复制对应的 @font-face CSS。

把字体文件拖到这里,或点击上传TTF、OTF、WOFF 和 WOFF2 · 在你的设备上转换

在浏览器本地运行,你的文件和数据不会被上传或保存。

关于: TTF 转 WOFF2

TTF 转 WOFF2 工具把桌面 TrueType 字体转换为 WOFF2,这是所有现代浏览器首选的网页字体格式。WOFF2 使用 Brotli 压缩和专门的字形变换,普通 TTF 文件通常能缩小 50%–70%,而且一个字符都不会丢失。字体越小加载越快,文字显示得越早,LCP 等 Core Web Vitals 指标也会随之提升。

拖入一个文件或整个字体家族,工具就会生成 WOFF2 文件以及 @font-face 规则,字重、样式和 font-display: swap 都已写好。把字体上传到样式表旁边,粘贴 CSS,就不必再从第三方服务器加载字体。所有处理都使用 Google 官方 WOFF2 编码器在浏览器中完成,字体不会上传。

正确地在自己网站上托管字体

把字体放在自己的网站上,而不是从其他服务加载,可以让页面更快,也避免把访问数据发送给第三方。

步骤

  1. 只添加真正用到的字重的 TTF。每多一个字重就多一些加载时间,用不到的就别加。
  2. 下载 WOFF2 文件并上传到网站。
  3. 复制 @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 也很大。网站上最好只用必要的中文字体,或依赖系统自带字体。

使用方法

  1. 把 TTF 文件拖到上传区域,或点击选择文件。
  2. 稍等一秒,每个字体都会被压缩为 WOFF2。
  3. 单独下载 WOFF2 文件,或全部打包成 ZIP 下载。
  4. 复制 @font-face CSS 并加入你的样式表。

常见问题

WOFF2 比 TTF 小多少?

通常小 50%–70%,具体取决于字体。150 KB 的 TTF 转成 WOFF2 后一般在 45 到 70 KB 之间。

所有浏览器都支持 WOFF2 吗?

支持。Chrome、Edge、Firefox、Safari 及其移动版都支持 WOFF2,可以只提供这一种格式。

WOFF2 会损失质量吗?

不会。这是无损压缩,TTF 中的所有字形、字距对和 OpenType 特性都会保留。