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

关于这种web字体格式要知道什么

网页开放字体格式(WOFF)是一种文件格式网页字体由Mozilla开发。一个WOFF文件可以包含压缩TTF和OTF文件以及许可信息等元数据。以下是关于WOFF你需要知道的。

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

什么是WOFF文件?

如同ZIP文件, WOFF文件充当其他文件的容器,特别是TrueType字体(TTF)和OpenType字体(OTF)文件。这些类型的文件让网页设计者能够使用大多数电脑上的标准字符以外的字体。

WOFF已被WOFF2格式取代。WOFF2更好地提供更好压缩算法,将原始文件的大小额外减少30%。因此,WOFF2文件占用更少带宽加载速度更快。WOFF文件的扩展名是. WOFF,而WOFF2文件的扩展名是. WOFF2。

WOFF文件如何工作?

几乎所有的网页都在使用层叠样式表(CSS)定义布局超文本标记语言以及屏幕上的其他元素。例如,开发人员可以使用CCS来改变网页字体通过引用已经安装在用户计算机上的字体。然而,如果你的电脑或浏览器不支持一种字体,它将显示为不同的字体或根本不加载取决于页面的方式字体堆栈建立了。

为避免此问题,自定义字体可以存储在WOFF文件中,该文件中保存在具有所有其他网页元素的服务器上。然后设计师可以使用@ font-faceCSS财产引用Woff文件并在浏览器中呈现字体。

谷歌Chrome,火狐,微软的优势,歌剧,Safari支持WOFF格式,但您可能需要将web浏览器更新到最新版本。

WOFF的好处

除了扩大Web开发人员可用的字体类型外,使用WOFF文件还有几个优点。例如:

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

创建你自己的WOFF字体

字体编辑器如FontForge允许您设计自己的字体集并将其导出为WOFF文件。您还可以使用Fontforge将Woff转换为TTF或OTF文件。如果您只有不同的字体编辑器,那么只支持TTF或OTF,您可以使用sfnt2woff工具将字体转换为WOFF文件。

开放字体库字体的松鼠具有数百个字体,可用于商业和非商业用途。

这个页面有用吗?