网页开放字体格式 (WOFF)
WOFF(Web Open Font Format,网页开放字体格式)是由 Mozilla 与 Type Supply、LettError 及其他组织协同开发的一种新的网页字体格式。它使用了与 TrueType、OpenType、Open Font 所采用的 sfnt
结构类似的压缩算法,不过还添加了元数据(metadata)及用户私有数据结构,其中包括了自定义空间,允许厂家和经销商在需要时提供许可证。
WOFF 有以下三点优势:
- 字体采用压缩格式,相对于使用不压缩的 TrueType, OpenType 的网站,将占用更少的带宽,获得更快的加载速度。
- 许多字体经销商并不愿意将 TrueType 或 OpenType 的许可证颁发给网站,他们更愿意颁发 WOFF 的许可证。这对于网站开发者来说将是一个福音。
- 无论是收费还是免费的浏览器厂家都喜欢 WOFF 格式,因此它很可能成为未来的主流与跨平台字体格式。
WOFF 有两个版本:WOFF 和 WOFF2。它们之间最大的差别体现在使用的压缩算法上。在 @font-face
属性中,它们使用 woff
和 woff2
这两个标识符来区分。
使用 WOFF
通过 @font-face
这个 CSS 属性来为你的网站使用 WOFF 字体。它的工作方式与 OpenType 和 TrueType 十分相似,除了因使用压缩技术而使你的内容更快地加载。
相关工具
- 可以使用 用于处理 WOFF 字体的工具。
sfnt2woff
和woff2sfnt
将转换为 WOFF 或 OpenType。
规范
Specification |
---|
WOFF File Format 1.0 # OverallStructure |
WOFF File Format 2.0 # FileStructure |
浏览器兼容性
css.at-rules.font-face.WOFF
BCD tables only load in the browser
css.at-rules.font-face.WOFF_2
BCD tables only load in the browser