对比
WOFF 与 WOFF2
WOFF 和 WOFF2 都用于 Web 字体交付。WOFF2 规范更新,可能减少传输体积,但浏览器覆盖范围、现有环境和许可仍会影响选择。
应该选择哪种格式?
新建 Web 字体交付可优先考虑 WOFF2;若兼容要求或现有环境需要,则保留 WOFF。
适用于 WOFF
在网站上提供字体
- 现有的 WOFF 兼容网页字体流程
适用于 WOFF2
在网站上提供字体
- 为兼容浏览器减少字体传输量
基本信息
| 项目 | WOFF | WOFF2 |
|---|---|---|
| 扩展名 | .woff | .woff2 |
| MIME 类型 | font/woff | font/woff2 |
| 常见用途 | 在网站上提供字体 | 在网站上提供字体 |
| 打开方式 | 通过 CSS 在浏览器中加载,或使用字体工具检查。 | 通过 CSS 在浏览器中加载,或用字体工具检查。 |
| 导出或转换 | 从 TTF 或 OTF 生成时检查许可、字符覆盖、文件大小和显示效果;兼容浏览器可考虑 WOFF2。 | 使用兼容工具从 TTF 或 OTF 生成,并检查许可、字形、文件大小和显示效果。 |
按用途选择
现有的 WOFF 兼容网页字体流程
在网站上提供字体
WOFF为兼容浏览器减少字体传输量
在网站上提供字体
WOFF2关键点 1
两者都是 Web 字体交付格式,并非所有流程中的桌面字体文件替代品。
进一步了解差异关键点 2
WOFF2 使用较新的规范和压缩方式,可能减小传输体积。
进一步了解差异进一步了解差异
检查目标浏览器支持和字体许可,再测试加载与渲染。旧环境可能需要回退格式;只优化受众能够使用的格式。
- WOFF 和 WOFF2 都为 Web 交付封装字体。
- WOFF2 通常可减少传输量,实际节省程度取决于字体。
- 扩展名不代表有权嵌入或再分发字体,需确认许可。
常见问题
应该同时提供 WOFF 和 WOFF2 吗?
取决于浏览器兼容要求;可将 WOFF2 作为主格式,并在需要时以 WOFF 回退。