字體適用於IE，但不適用於Firefox或Chrome

我遇到了在我正在製作的網站中顯示字體的問題。我正在使用字體ErasITC Light。相關的HTML是：字體適用於IE，但不適用於Firefox或Chrome

<div class="heading"> 
<div class="container-fluid"> 
    <h1>make your voice heard</h1> 
    <h2>it's time to let the people speak out</h2> 
</div>

相關的CSS是：

.heading h1{ 
font-family: ErasITC, Eras Light ITC, sans-serif; 
color: #ffffff; 
font-size: 6.25vw; 
font-weight: 300; 
text-shadow: 2px 2px 15px black; 
text-align:center; 
margin-top: 21vh; 

} 

.heading h2{ 
    font-family: ErasITC, Eras Light ITC, sans-serif; 
    color: #ffffff; 
    font-size: 2.7vw; 
    font-weight: 300; 
    text-shadow: 2px 2px 10px black; 
    text-align:center; 
}

這在IE，但不能在Chrome或Firefox，它會顯示默認的sans-serif字體。

注意：我爲某些元素使用引導程序。

謝謝，

Geffen Avraham。

來源

2015-04-23 TeslaK20

檢查這個問題http://stackoverflow.com/questions/23608504/css-code- for-eras-light-itc – Panther

{font-family：「Eras ITC」，「Eras Light ITC」，sans-serif;}？ – naveen

你是否將你的字體聲明爲'@ font-face'？你能發佈代碼嗎？ – Ciprian

當您正在使用的空格的字體名，你必須把它們放在引號，像這樣：

font-family: "Eras ITC", "Eras Light ITC", Sans-Serif;

來源

2015-04-23 10:27:37 Aquiblo

缺少雙引號，它應該像{font-family：「Eras ITC」，「Eras Light ITC」，sans -serif;} –

哇。謝謝。我看到你指示我的問題，但沒有注意到引用。你知道爲什麼Internet Explorer正確顯示字體，即使我沒有編程它的權利？ – TeslaK20

字體適用於IE，但不適用於Firefox或Chrome

回答

相關問題