UltKit

TTF转WOFF转换器

WOFF是各大浏览器最早共同支持的网页字体格式,在WOFF2未能覆盖的环境中依然可以加载。当平台、主题或阅读器明确要求.woff文件时,可在这里转换TTF。

字体转换器

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

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

输出

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

使用方法

  1. 1

    选择TTF字体

    上传要用于网页的 TrueType 字体文件,每批最多 20 个,单个文件不超过 95 MB。

  2. 2

    确认输出格式为WOFF

    转换为已设为 WOFF。在高级设置中勾选附带 @font-face CSS,即可获得现成的规则;如果字体只用于某一种文字的网站,可以选择保留字符子集。

  3. 3

    转换为WOFF

    点击转换为 WOFF,下载 .woff 文件,然后把它们上传到样式表旁边或主题的字体文件夹中。

TTF 转 WOFF 不会改动任何一个字形。它用 zlib 压缩每个字体表,再加上一个很小的文件头,得到的文件可通过 @font-face 被最早到 Internet Explorer 9 的浏览器加载。

哪些场景仍需要TTF转WOFF

WOFF 由 Mozilla 的 Jonathan Kew 与字体设计师 Tal Leming、Erik van Blokland 于 2009 年提出,2010 年率先在 Firefox 3.6 中上线,并于 2012 年 12 月成为 W3C 推荐标准。它的目标很实际:让字体厂商有一种不只是把原始桌面字体放在服务器上的网页格式,也让浏览器有一种可以统一支持的格式。几年之内,Chrome、Safari 和 Internet Explorer 9 都支持了它。

如今 WOFF2 用更少的字节完成同样的工作,普通 WOFF 主要作为备用格式,以及旧系统的要求而保留。一些 WordPress 主题、页面构建器和电商模板的字体上传框仍然要求 .woff。运行 Internet Explorer 11 的企业内网完全无法读取 WOFF2。电子书制作也是一例:EPUB 3 接受 WOFF,而阅读应用对 WOFF2 的支持较新,也不均衡。

IE 9–11只能读取 WOFF、无法读取 WOFF2 的浏览器

Internet Explorer 11 在大多数 Windows 版本上已经退役,但仍残留在一些公司网络和自助终端中。

WOFF2之外还要提供WOFF备用字体吗?

适合添加 WOFF 的理由

  • 覆盖 Internet Explorer 9 到 11,以及 WOFF2 出现之前发布的浏览器
  • 可用于只列出 .woff 的主题和插件上传框
  • 不影响现代访客,因为他们会先下载 WOFF2 那一行

可以跳过的理由

  • 比同一字体的 WOFF2 大约 30%
  • 每个字重都多一个文件,需要上传、管理版本并处理缓存
  • 多数公开网站的旧版浏览器访客太少,几乎察觉不到

在@font-face中添加WOFF文件

把两个文件写在同一个 src 声明里:先写带 format("woff2") 的 .woff2,再写带 format("woff") 的 .woff。格式提示能让浏览器跳过无法使用的文件,不必下载。如果你还需要把字体用于桌面应用或设计稿,请保留原始 TTF;之后用 WOFF 转 TTF 转回来也行,但没必要依赖这种做法。

转换之前,有两个选项值得看一下。保留字符可以把字体裁剪到网站实际使用的文字,对文件大小的影响比选 WOFF 还是 WOFF2 更大。字体微调保持“保留”即可,用作面向 Internet Explorer 的备用字体正合适,因为这类用户最可能使用 Windows 屏幕,TrueType 指令仍能让小字更清晰。

TTF

TrueType 字体

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

压缩方式
无损
透明度
–
动画
–
发布年份
1991 · Apple
TTF 转换器

WOFF

Web Open Font Format

WOFF 是由 Mozilla、Opera 和微软共同创建的网页字体格式,于 2012 年成为 W3C 推荐标准。它在 TrueType 或 OpenType 字体数据外加上压缩和元数据,使下载更快。所有浏览器都支持 WOFF,但压缩率更高的 WOFF2 已在很大程度上取代了它。桌面操作系统无法直接安装 WOFF 字体。

压缩方式
无损
透明度
–
动画
–
发布年份
2012 · W3C (Mozilla, Opera, Microsoft)
WOFF 转换器

TTF 转 WOFF 会把桌面字体压缩成最早的网页字体容器,适用于旧版浏览器、电子书阅读器,以及要求上传 .woff 而非 WOFF2 的主题。

TTF转WOFF常见问题

现代浏览器还支持WOFF吗?

可以。目前所有主流浏览器既支持 WOFF,也支持 WOFF2,WOFF 1.0 的支持从未被移除。只是当规则中同时提供两种格式时,浏览器会优先选择更小的 WOFF2。

TTF和WOFF哪个文件更小?

一般是 WOFF 更小。它用 zlib(ZIP 文件所用的算法)压缩同样的字体表,普通文本字体的体积会明显缩小。WOFF2 采用 Brotli,压缩得更多,所以新网站首选 TTF 转 WOFF2。

EPUB里可以使用WOFF字体吗?

可以。EPUB 3 把 WOFF 列为核心字体类型之一,与 TrueType 和 OpenType 并列,EPUB 3.2 又在 2019 年加入了 WOFF2。较旧的阅读应用可能只认前三种,所以用于电子书时,选 WOFF 或 TTF 更稳妥。

src列表中WOFF和WOFF2应按什么顺序排列?

先写 WOFF2,再写 WOFF。浏览器会按列表顺序查找,下载第一个它支持的格式,所以现代浏览器使用 WOFF2,只有较旧的浏览器才会退而使用 WOFF 那一行。

WOFF会保留字体的授权信息吗?

字体内部的 name 表通常包含版权和许可证网址,会原样复制。WOFF 还定义了一个可选的元数据块,用于填写许可证详情,部分字体厂商会在自己发布的 WOFF 中填写这些内容。