为什么沃夫字体悬挂在firefox中

> Firefox中的WOFF字体加载问题故障排除

>我遇到了在Firefox中加载Oswald Woff字体的困难，尽管它在Chrome和IE9中正常工作。 浏览器的网络选项卡揭示了悬挂和中止的请求。

>

为什么要WOFF？

woff（Web Open Font格式）提供了几个优点：>

与未压缩的trueType或Opentype字体相比

许可：
• >扩展网络设计人员的字体可用性，因为某些供应商仅使用WOFF格式的许可字体。 广泛的浏览器支持：
范围跨浏览器的通用兼容性。
• 调试Firefox问题
Mozilla关于Woff的文档无济于事。 在声称Firefox 3.6支持Woff的同时，我的实施失败了。 在Apache的
• 文件（）中定义MIME类型并添加缓存标头的建议并不能解决问题。 和Mozilla Hacks博客还表示支持，进一步增加了混乱。 如其他帖子所建议的，添加TTF后备字体（
）也被证明是无效的。 JavaScript加载（使用Google Web字体API）可行，但仍保留针对本地指定字体的悬挂请求。 添加更多的MIME类型，包括带有到期标头的EOT和TTF字体的哑剧类型，取得了部分成功，但仍有几个WOFF请求挂起。 这不是由于缺少文件；字体存在。

CSS：

我的CSS包括不同的Oswald字体重量（大胆，轻，常规）的单独声明： @font-face .htaccessAddType application/x-font-woff .woff caniuse.com url(fonts/GenR102.ttf) format("truetype")>剩余的悬挂请求可能是由于Firefox处理了不同字体权重的多个Woff文件。 需要进一步研究以查明确切原因。 .htaccess经常询问有关沃夫字体的问题

（本节与原始输入保持不变，因为它是一个单独的FAQ部分，并且不需要重写故障排除问题的上下文。

WOFF和其他字体格式有什么区别？@font-face>

WOFF或Web Open字体格式，是Mozilla，Type Supply和Letterror开发的Web字体格式。它之所以唯一，是因为它使用TrueType，Opentype和OTF使用的基于表的SFNT结构的压缩版本，但添加了元数据和私人使用数据结构。这允许字体更小，并且在网页上加载更快。与其他格式不同，Woff得到了所有主要浏览器的支持。

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(http://jquery4u.com/wp-content/themes/jquery4u/css/fonts/oswald/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(http://jquery4u.com/wp-content/themes/jquery4u/css/fonts/oswald/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://jquery4u.com/wp-content/themes/jquery4u/css/fonts/oswald/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

/* custom font */
h1 {
   font-family: 'Oswald', sans-serif; 
}

>

我该如何将字体转换为Woff？

>

>可以使用Transfonter或Font Squirrel的Generator等在线工具将字体转换为Woff。您只需上传字体文件，选择要转换为的格式，然后下载转换后的文件。请记住在转换之前检查字体的许可，因为有些可能不允许转换或Web使用。

>

为什么我的沃夫字体未正确显示在firefox中？

如果您的Woff字体未正确显示在Firefox中，则可能是由于一些原因。首先，检查字体是否正确加载在CSS中。如果是这样，请尝试清除浏览器缓存或检查字体是否被Firefox的跟踪保护阻塞。如果问题持续存在，则可能是由于Firefox渲染沃夫字体的错误。

我如何在网站中使用Woff字体？

>要在您的网站中使用Woff字体，首先需要使用 @font-face规则在CSS中声明它们。然后，您可以使用字体家庭属性将字体应用于页面上的元素。请记住包含后备字体，以防Woff字体无法加载。

>

woff字体是否与所有浏览器兼容？

> Woff字体均由所有现代浏览器（包括Chrome，Firefox，Safari和Edge）广泛支持。但是，对于这些浏览器或其他较不常见的浏览器的较旧版本，您可能需要在CSS中包含后备字体。

>

我可以将Woff字体用于商业项目吗？

您是否可以将WOFF字体用于商业项目取决于字体的许可。有些字体可免费用于个人和商业用途，而另一些字体可能需要商业用途的许可证。在为您的项目使用字体之前，请务必检查许可信息。

使用Woff字体的优点是什么？

> WOFF字体具有多个优点。它们的尺寸很小，这意味着它们在网页上加载更快。它们也得到了所有主要浏览器的支持，使其成为网页设计的可靠选择。此外，WOFF字体可以包括元数据和私人使用数据结构，这对于字体设计人员和用户很有用。

如何优化Woff字体以提高性能？

>

>要优化WOFF字体以提高性能，您可以使用字体子集以仅包括所需的字符。这会减小字体的文件大小，从而使其更快。您还可以使用字体加载策略（例如字体 - 播放或字体加载API）来控制字体在页面上的加载和显示。

我可以创建自己的Woff字体吗？

是的，您可以创建自己的Woff字体。您可以使用Fontforge或Glyphs等软件设计自己的字体，然后使用在线工具或软件将其转换为Woff。切记检查在不同浏览器中字体的兼容性和性能。

>

什么是Woff2，与Woff有何不同？

woff2是Web Open字体格式的第二版。它提供的压缩比WOFF更好，从而产生较小的文件尺寸和更快的加载时间。但是，它不像Woff那样广泛支持，因此您可能需要将字体的Woff版本包括在后备中。

>

以上是为什么沃夫字体悬挂在firefox中的详细内容。更多信息请关注PHP中文网其他相关文章！