Web 开放字体格式(WOFF)

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

WOFFWeb Open Font Format,Web 开放字体格式)是由 Mozilla 与 Type Supply、LettError 及其他组织协同开发的一种新的网页字体格式。它使用了与 TrueType、OpenType、Open Font 所采用的 sfnt 结构类似的压缩算法,不过还添加了元数据(metadata)及私有数据结构,其中包括了自定义空间,允许厂家和经销商在需要时提供许可证。

WOFF 有以下三点优势:

  1. 字体采用压缩格式,因此,使用 WOFF 的网站将使用更少的带宽,并且比使用同等的未压缩的 TrueType 或 OpenType 文件加载更快。
  2. 许多字体经销商并不愿意将 TrueType 或 OpenType 的许可证颁发给网站,他们更愿意颁发 WOFF 的许可证。这提高了网站设计者对字体的可用性。
  3. 无论是收费还是免费的浏览器厂家都喜欢 WOFF 格式,因此它很可能成为真正通用的、可互操作的网络字体格式,这与目前其他的字体格式不同。

WOFF 有两个版本:WOFF 和 WOFF2。它们之间最大的差别体现在使用的压缩算法上。在 @font-face 属性中,它们使用 'woff''woff2' 这两个标识符来区分。

使用 WOFF

通过 @font-face 这个 CSS 属性来为你的网站使用 WOFF 字体。它的工作原理与 OpenType 和 TrueType 格式的字体完全一样,只是由于增加了压缩功能,它可能会让你的内容下载更有效率。

用于处理 WOFF 字体的工具

规范

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

参见