Format Atlas

对比

WOFF 与 WOFF2

WOFF 和 WOFF2 都用于 Web 字体交付。WOFF2 规范更新,可能减少传输体积,但浏览器覆盖范围、现有环境和许可仍会影响选择。

应该选择哪种格式?

新建 Web 字体交付可优先考虑 WOFF2;若兼容要求或现有环境需要,则保留 WOFF。

适用于 WOFF

在网站上提供字体

  • 现有的 WOFF 兼容网页字体流程

适用于 WOFF2

在网站上提供字体

  • 为兼容浏览器减少字体传输量

基本信息

项目WOFFWOFF2
扩展名.woff.woff2
MIME 类型font/wofffont/woff2
常见用途在网站上提供字体在网站上提供字体
打开方式通过 CSS 在浏览器中加载,或使用字体工具检查。通过 CSS 在浏览器中加载,或用字体工具检查。
导出或转换从 TTF 或 OTF 生成时检查许可、字符覆盖、文件大小和显示效果;兼容浏览器可考虑 WOFF2。使用兼容工具从 TTF 或 OTF 生成,并检查许可、字形、文件大小和显示效果。

按用途选择

现有的 WOFF 兼容网页字体流程

在网站上提供字体

WOFF

为兼容浏览器减少字体传输量

在网站上提供字体

WOFF2

关键点 1

两者都是 Web 字体交付格式,并非所有流程中的桌面字体文件替代品。

进一步了解差异

关键点 2

WOFF2 使用较新的规范和压缩方式,可能减小传输体积。

进一步了解差异

进一步了解差异

检查目标浏览器支持和字体许可,再测试加载与渲染。旧环境可能需要回退格式;只优化受众能够使用的格式。

  • WOFF 和 WOFF2 都为 Web 交付封装字体。
  • WOFF2 通常可减少传输量,实际节省程度取决于字体。
  • 扩展名不代表有权嵌入或再分发字体,需确认许可。

常见问题

应该同时提供 WOFF 和 WOFF2 吗?

取决于浏览器兼容要求;可将 WOFF2 作为主格式,并在需要时以 WOFF 回退。

了解详情

相关用途与检查步骤

检查网页字体缺字与回退显示

参考资料与规范