firefox不接受@ font-family声明

我在接受特定的@ font-face时遇到了麻烦，特别是Firefox。firefox不接受@ font-family声明

下面是我所做的一个片段：

@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（边）和Android Opera和Android原生浏览器的所有三项工作。在Windows Firefox和Chrome以及Android Firefox中，只有impactfont和cursivefont可以工作，并且默认字体用于安装非法字体。虽然偶尔和不一致，Windows Firefox显示正确的字体，但在下次刷新它不。

我试过缓存清除，重新启动和再启动等

来源

2017-08-02 user3229958

开发者控制台中是否有任何错误/消息？我想知道Firefox中的'--debug'或'--debugger'标志是否有帮助（假设有可以在控制台上看到的调试级别消息）。 – halfer

谢谢，哈尔弗，我会尝试，当我得到一分钟。 – user3229958

你忘了在你的类名双引号？

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

来源

2017-08-02 10:22:43

试过，但没有运气。还记得其他字体似乎没有引号的工作，但我反正尝试了。 – user3229958

哪个版本的Firefox在您的系统，否则将面临这个问题？因为少于3.5的Firefox不支持外部字体。

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

我已经在“snippet”中测试了您的代码，并且Firefox和Chrome工作得很完美。

来源

2017-08-02 10:41:48

版本54.0.1在Windows中，版本53.something在Android上。使用AMBROSIA.TTF，而不是WOFF。我会试着将这个页面缩小到一小段，然后放弃。谢谢。 – user3229958

Hello @ user3229958请参考以下链接：http://www.sunilboricha.com/font_demo/demo.html 我在这里更新了工作字体样式。 –

@SunilBoricha是的，我检查了你的演示在我的本地运行良好，我认为问题与“片段”它不认为这种字体。 – Minesh

我得出这样的结论：它是Ambrosia字体，或者也许是我的错误的AMBROSIA.TTF文件的副本。我替代了Ambrosia的一种不同的字体，并且它每次都有效。

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

来源

2017-08-03 08:43:28 user3229958

firefox不接受@ font-family声明

回答

相关问题