什么是WOFF文件

什么是WOFF文件

什么是WOFF文件

  WOFF 是 Web Open Font Format 的简写,译为 Web 开放字体格式,是一种由 Mozilla 开发的 Web 字体文件格式。WOFF 文件可以包含压缩的 TTF 和 OTF 文件以及许可信息和其他元数据。

WOFF文件简介

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

woff字体文件

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

WOFF文件如何工作?

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

  为避免此问题,自定义字体可以存储在 WOFF 文件中,该文件与所有其他网页元素一起保存在服务器上。然后,设计人员可以使用 @font-face CSS 属性来引用 WOFF 文件并在浏览器中呈现字体。当然,你也可以禁用Woff 字体,例如晓得博客建站使用的Astra主题,已经使用SVG替代了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 文件。您还可以使用 FontForge 将 WOFF 转换为 TTF 或 OTF 文件。如果您有其他喜欢的仅支持 TTF 或 OTF 的字体编辑器,您可以使用 sfnt2woff 工具将字体转换为 WOFF 文件。

  Open Font Library 和 Font Squirrel 拥有数百种 WOFF 格式的字体,可免费用于商业和非商业用途。

astra.woff字体怎么禁用

  例如,Astra 主题中替换了默认情况下唯一加载的 astra.woff 字体,改为使用 矢量图标SVG,这种字体可减少超过 12% 的页面加载量。

  安装Astra主题新用户可以直接使用,而老用户即使更新 Astra,也会继续使用 Astra 字体,用 SVG 替换图标,您必须添加代码。更多关于 Astra 的文章,可参考Astra 主题教程

  如下所示:

add_filter('astra_is_svg_icons','__return_true');

  推荐:什么是 TIFF 格式文件?


晓得博客,版权所有丨如未注明,均为原创
晓得博客 » 什么是WOFF文件

转载请保留链接:https://www.pythonthree.com/what-is-woff-file/

Leave a Comment

Your email address will not be published. Required fields are marked *


Scroll to Top