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

回答

相關問題