TTF转WOFF2转换器

自托管字体从这里开始：WOFF2是所有现行浏览器优先下载的格式，也是封装现有TrueType数据体积最小的格式。本页还会生成加载该字体的CSS规则。

或将TTF, OTF, WOFF … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

转换为

文件在我们的服务器上处理，并在 30 分钟后删除。

使用方法

1
上传TTF文件
添加你计划使用的所有字重和字体样式，最多 20 个文件，每个文件不超过 95 MB。可变 TTF 字体同样支持，并会保留其可变轴。
2
保持CSS开启，尽量做子集化
附带 @font-face CSS 已默认勾选。在高级设置中，如果你的网站使用西方语言，可将保留字符设为基本拉丁字符或拉丁字符 + 重音字符，也可以考虑把字体微调设为移除。
3
转换为WOFF2
点击转换为 WOFF2，并下载字体文件和 .css 文件。将两者上传到你的网站，然后链接该样式表，或把规则粘贴到你自己的样式表中。

答案

如何把 TTF 转换为 WOFF2 用于网站？

上传 .ttf 文件，保持勾选附带 @font-face CSS，然后点击转换为 WOFF2。你会得到 .woff2 文件，以及一个包含指向它的 @font-face 规则的 .css 文件。

为什么网页字体首选WOFF2

TTF 是未压缩的表数据：轮廓、度量、字距调整、名称等。WOFF2 于 2018 年成为 W3C 推荐标准，它保留的正是这些表，但先重新组织字形轮廓使其更易压缩，再用 Google 于 2015 年发布的 Brotli 压缩算法处理。Google 自己的测试发现，WOFF2 平均比旧的 WOFF 格式小约 30%，浏览器在下载后会还原原始字体数据，因此字形本身不会有任何变化。

字体会阻塞渲染，所以它的体积比 KB 数看起来更重要。网页字体到达之前，浏览器要么隐藏文字，要么显示备用字体，而延迟替换还可能导致版面跳动。文件越小，这段时间越短，这里有两个选项能进一步缩短它：保留字符会删除你的页面从不显示的字形，字体微调设为移除则会丢弃手机和高密度屏幕本来就会忽略的指令。桌面使用请保留 TTF 原始文件；WOFF2 转 TTF 日后可以解包网页字体，但无法恢复被子集化删除的字形。

TTF与WOFF2文件大小对比

TTF，完整字符集

100%

未压缩的字体表，与桌面安装的字体相同

多文字文本字体的典型情况

WOFF2，基本拉丁字符子集

通常为 10–25%

Brotli 压缩加上更少的字形；因字体而异

WOFF2字体的@font-face规则

示例规则；请替换名称，如果没有做子集化，请删除 unicode-range

@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

WOFF2浏览器支持情况（按版本）

2014
Chrome 36
Google 的浏览器率先默认支持解码 WOFF2。
2015
Firefox 39
Mozilla 默认启用 WOFF2 解码。
2016
Edge 14
微软的初代 Edge 随 Windows 10 周年更新加入 WOFF2 支持。
2018
W3C 推荐标准
规范正式定稿；此时 macOS 和 iOS 上的 Safari 也已支持解码 WOFF2。

TTF

TrueType 字体

TTF 是 TrueType 字体格式,由苹果在 20 世纪 80 年代末开发,1991 年发布,随后授权给微软。它用二次曲线定义字形轮廓,并包含让文字在屏幕上显示清晰的 hinting 指令。所有桌面操作系统、文字处理软件和设计应用都支持 TrueType。它缺少 OpenType 的一些高级排版功能,也比网页字体格式更大。

压缩方式: 无损
透明度: –
动画: –
发布年份: 1991 · Apple

TTF 转换器

WOFF2

Web Open Font Format 2

WOFF2 是 Web Open Font Format 的第二版,基于 Google 的 Brotli 压缩,于 2018 年成为 W3C 推荐标准。文件比 WOFF 小约 30%,有助于加快页面加载。所有现代浏览器都支持 WOFF2,它也是网页字体的推荐格式。桌面操作系统和设计软件无法直接安装它。

压缩方式: 无损
透明度: –
动画: –
发布年份: 2018 · W3C (Google)

WOFF2 转换器

TTF 转 WOFF2 会把桌面字体打包成浏览器更青睐的 Brotli 压缩容器，让相同的字形以更少的字节送达访客；反向页面则供需要安装网上找到的字体的用户使用。

TTF转WOFF2常见问题

有了WOFF2，还需要TTF或WOFF作为后备吗？

对于目前的公开网站，通常不需要。Chrome、Edge、Firefox 和 Safari 多年来都支持 WOFF2，少数不支持的浏览器（如 Internet Explorer 11）一般也不值得为其多提供一个文件。只有当你的统计数据显示确实有这类访客时，才需要把 TTF 转 WOFF 的输出作为第二个 src 条目添加进去。

为什么我的WOFF2字体仍然超过100 KB？

压缩只会减小字形的存储体积，不会减少字形的数量。如果字体涵盖拉丁文、西里尔文、希腊文和越南文，这些字形都会随字体一并发送。只有按实际显示的文字做子集化，才能把文本字体缩小到几十 KB。

font-display: swap有什么作用？

它会让浏览器立即用备用字体显示文字，等网页字体下载完成后再替换，而不是在下载期间隐藏文字。可按上面的示例把它加到 @font-face 规则中；如果你不想在慢速网络下出现延迟替换，也可以使用 optional。

可以把Google Fonts的TTF转成WOFF2自己托管吗？

可以。Google Fonts 的字体族采用 SIL Open Font License 或 Apache License 发布，两者都允许转换和自行托管。自己托管字体文件还能省去对第三方服务器的请求。

WOFF2能在电子邮件newsletter中使用吗？

只有部分客户端支持。Apple Mail 和 iOS 邮件通过 @font-face 加载网页字体，而 Gmail 和大多数版本的 Outlook 会忽略它们，显示你的备用字体。邮件的字体列表中务必加入安全的系统字体。

TTF转WOFF2转换器

字体转换器

使用方法

上传TTF文件

保持CSS开启，尽量做子集化

转换为WOFF2