firefox不接受@font-family声明

Question

我在接受一个特殊的@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偶尔会显示正确的字体，但在下次刷新时不会。

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

Answer 1

您是否忘记了name类中的双引号？

<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>

Answer 2

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

还有一个问题。火狐:默认关闭，但可以开启(需要设置标志为true才能使用WOFF2)。

我已经用Firefox和Chrome完美地测试了你在“代码片段”中的代码。

Answer 3

我得出的结论是，是Ambrosia型字体，或者可能是我的AMBROSIA.TTF文件副本有问题。我用一种不同的字体替换了Ambrosia，它每次都能正常工作。

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