firefox 不接受@font-family 声明答案

【问题标题】：firefox does not accept @font-family declarationfirefox 不接受@font-family 声明
【发布时间】：2018-01-09 12:14:51
【问题描述】：

我在接受特定的@font-face 时遇到了麻烦，尤其是 Firefox。

这是我所做的一个简单的说明：

@font-face {
  font-family: "Cursive";
  src: url(./MTCORSVA.TTF) format("truetype");
}

.cursivefont {
  font-family: "Cursive", Verdana, Tahoma;
  font-size: 24pt;
  font-weight: bold;
}

@font-face {
  font-family: "Impact";
  src: url(./impact.ttf) format("truetype");
}

.impactfont16 {
  font-family: "Impact", Verdana, Tahoma;
  font-size: 16pt;
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: "overrun";
  src: url(./AMBROSIA.TTF) format("truetype");
}

.ambrofont {
  font-family: "overrun";
  font-size: 20pt;
  font-weight: bold;
}

<span class=cursivefont>Join the Fight for Gunder’s Bight!</span>
<span class=impactfont16>E F</span>
<span class=ambrofont>UNCLE GLUSSOG'S TALENT PARADE</span>

在 Windows IE (Edge) 和 Android Opera 和 Android 原生浏览器中，这三个都可以工作。在 Windows Firefox 和 Chrome 以及 Android Firefox 中，只有 Impactfont 和 cursivefont 有效，并且 ambrofont 使用默认字体。尽管 Windows Firefox 偶尔且不一致地显示正确的字体，但在下次刷新时却没有。

我已经尝试清除缓存、重启并重新启动等。

【问题讨论】：

开发者控制台中是否有任何错误/消息？我想知道 Firefox 中的 --debug 或 --debugger 标志是否会有所帮助（假设您可以在那里看到未在控制台上公开的调试级别消息）。
谢谢，halfer，我有空就试试。

标签： html css firefox fonts font-face

【解决方案1】：

您是否忘记了名称类周围的双引号？

<span class=cursivefont>Join the Fight for Gunder’s Bight!</span>
<span class=impactfont16>E F</span>
<span class=ambrofont>UNCLE GLUSSOG'S TALENT PARADE</span>

到

<span class="cursivefont">Join the Fight for Gunder’s Bight!</span>
<span class="impactfont16">E F</span>
<span class="ambrofont">UNCLE GLUSSOG'S TALENT PARADE</span>

【讨论】：

试过了，但没有运气。还记得其他字体似乎在没有引号的情况下也可以工作，但我还是尝试了。

【解决方案2】：

您的系统中哪个 Firefox 版本或面临此问题？因为火狐不到“3.5”不支持外部字体。

还有一个问题。 Firefox：默认禁用，但可以启用（需要将标志设置为“true”才能使用 WOFF2）。

我已经在“sn-p”中测试了你的代码，Firefox 和 Chrome 运行良好。

【讨论】：

Windows 版本 54.0.1，Android 版本 53.something。使用 AMBROSIA.TTF，而不是 WOFF。我会尝试将页面压缩为 sn-p 并试一试。谢谢。
你好@user3229958 请参考这个链接：sunilboricha.com/font_demo/demo.html我在这里更新了演示字体样式。
@SunilBoricha 是的，我检查了你的演示它在我的本地运行良好，我认为“sn-p”的问题它不考虑那种字体。
@Minesh 你是什么意思'它不考虑那种字体'？我准备好相信我做错了什么，也许在第一个两个跨度和最后一个跨度之间存在一些问题。我很困惑它有时适用于单次迭代！
只在 sunilboricha 演示链接中检查该字体的 css，我将 SunilBoricha 代码与“sn-p”一起使用，但它不起作用，之后我与我的本地检查，它工作正常.. 所以基于我所说的。

【解决方案3】：

我得出的结论是 Ambrosia 字体或我的 AMBROSIA.TTF 文件副本有问题。我已经为 Ambrosia 替换了不同的字体，并且每次都可以使用。

我不能再花时间在这上面了——我有一个 Mythaxis 的出版截止日期——但我不会关门。如果有人有好主意，我会很感兴趣。

【讨论】：