什么是WOFF(WEB开放字体格式)?

2020.11.04 -

   

Web开放字体格式(WOFF)是Mozilla开发的Web字体的文件格式。WOFF文件可以包含压缩的TTF和OTF文件以及许可信息和其他元数据。这是您需要了解的WOFF。

本文中的信息适用于WOFF和WOFF2文件。

什么是WOFF文件?

与ZIP文件类似,WOFF文件充当其他文件的容器,特别是TrueType字体(TTF)和OpenType字体(OTF)文件。这些类型的文件使Web设计人员能够使用大多数计算机上使用的标准字符之外的字体。

WOFF已被WOFF2格式取代。WOFF2提供了更好的压缩算法,可将原始文件大小再减少30%。因此,WOFF2文件占用的带宽更少,并且加载速度甚至更快。WOFF文件具有扩展名.woff,而WOFF2文件具有扩展名.woff2。

WOFF文件如何工作?

几乎所有网页都使用级联样式表(CSS)来定义HTML和屏幕上其他元素的布局。例如,开发人员可以使用CCS通过引用用户计算机上已经安装的字体来更改Web字体。但是,如果您的PC或浏览器不支持字体,则它将以其他字体显示或完全不加载,具体取决于页面字体堆栈的设置方式。

为避免此问题,可以将自定义字体存储在WOFF文件中,该文件与所有其他网页元素一起保存在服务器上。然后,设计人员可以使用@ font-face CSS属性引用WOFF文件并在浏览器中呈现字体。

Google Chrome,Firefox,Microsoft Edge,Opera和Safari都支持WOFF格式,但是您可能需要将网络浏览器更新到最新版本。

WOFF的好处

除了拓宽Web开发人员可用的字体类型之外,使用WOFF文件还具有许多优点。例如:

  • 压缩:由于WOFF文件被压缩,因此它们的加载速度比其他字体文件类型要快。
  • HTML和CSS支持:与图像文件不同,WOFF文件可以使用HTML和CSS进行样式化。
  • SEO:WOFF字体比文本图像更适合搜索引擎优化(SEO)。
  • 优化的渲染:WOFF文件包含印刷信息,包括上下文形式和旧式图形,从而可以在所有设备上实现最佳渲染。
  • 网站可访问性:WOFF文件使网站更易于访问,因为可以大声朗读文本,而文本图像则不能。
  • 嵌入:WOFF字体允许您使用其他语言的字符嵌入字体,从而有助于国际化。

创建自己的WOFF字体

诸如FontForge之类的字体编辑器允许您设计自己的字体集并将其导出为WOFF文件。您也可以使用FontForge将WOFF转换为TTF或OTF文件。如果您有其他仅支持TTF或OTF的字体编辑器,则可以使用sfnt2woff工具将字体转换为WOFF文件。

本站文章禁止转载,违者必究
阅 33
0

Web开放字体格式(WOFF)是Mozilla开发的Web字体的文件格式。WOFF文件可以包含压缩的TTF和O […]

湘公网安备 43011102001693号

    湘ICP备19003021号-1