什么是WOFF文件格式? 如何将它开启和转文件?

By 时代数字趋势2021-04-05

Web Open Font Format(WOFF)是Mozilla开发的一种网页字体文件格式。WOFF文件可以压缩TTF、OTF文件、许可资讯和其他元数据。

以下就是需要你了解关于WOFF的资讯,这篇文章中将介绍WOFF和WOFF2文件。

  • 什么是WOFF文件?
  • WOFF如何执行?
  • WOFF的优点
  • 创建自己的WOFF字体文件

什么是WOFF文件?

与ZIP文件类似,WOFF文件可以包含其它文件,特别是TrueType字体(TTF)和OpenType字体(OTF)的文件。这一类型的文件可以使网站开发者使用电脑上标準字元以外的大多数字体。

现在WOFF已经被WOFF2格式替代,因为WOFF2提供了更好的压缩演算法,这可以将原始文件的大小多减少30%。

因此,WOFF2文件佔用的频宽会更少,载入的速度也将更快。WOFF文件的副文件名是”.WOFF”,而WOFF2文件的副文件名是”.WOFF2″。

 

WOFF如何执行?

几乎所有的网站页面都使用阶层式样式表(CSS)来定义屏幕上文字标记语言(HTML)和其他元素的布局。例如,开发人员可以用CSS来载入使用者电脑上已经安装的字体以改变网站字体。

然而,如果你的电脑或浏览器不支援一种字体,它将显示为不同的字体或根本不载入,而这取决于页面的字体是如何设定。

为了避免这个问题,可以将自订字体储存在WOFF文件中,该文件与其他所有网站页面元素一起保存在服务器上。然后设计者可以使用”@font-face CSS”属性来载入WOFF文件,并在浏览器中呈现该字体。

Google Chrome、Firefox、Microsoft Edge、Opera和Safari都支援WOFF格式,但你可能需要将网络浏览器更新到最新版本才能使用该格式。

 

WOFF的优点

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

  • 压缩性佳:由于WOFF文件是压缩文件,所以它载入速度比其他类型的字体文件更快。
  • 受HTML和CSS支援:不像影像文件,WOFF文件可以用HTML和CSS载入使用。
  • 搜寻引擎优化:对于搜寻引擎优化(SEO)来说,WOFF字体比图片内添加特定字体更好。
  • 优化介面:WOFF文件涵盖了排版资讯,其中包括上下文的表格和旧式图形,这使它在所有设备上都可以达到优化介面的效果。
  • 网站接受性高:WOFF文件使网站更受大众接受。
  • 嵌入性佳:WOFF字体允许你嵌入其他语言的字体,因此成为国际通用的格式。

 

创建自己的WOFF字体文件

你可以使用像FontForge这样的字体编辑器来设计自己的字体集,并将它们汇出为WOFF格式。

你也可以使用FontForge把WOFF格式字体转换成TTF或OTF格式。如果有其它喜欢但只支援TTF或OTF字体格式的字体编辑器,可以使用sfnt2woff工具将该字体转换为WOFF格式。

顺带一提,Font Library和Font Squirrel有数百种WOFF格式的字体,并且它们可以免费商业及个人使用。

如果你想找更多英文字体,可以参考这篇文章。

赞(0)
未经允许不得转载:时代数字趋势 » 什么是WOFF文件格式? 如何将它开启和转文件?
分享到: 更多 (0)