谷歌的字體在Firefox

沒有表現出我使用的是谷歌夫婦字體爲我的網站：谷歌的字體在Firefox

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); 
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,300italic,400italic&subset=latin,latin-ext); 

@font-face { 
    font-family: 'Montserrat', sans-serif; 
    font-family: 'Raleway', sans-serif; 
}

以及在Chrome和Safari瀏覽器，但在Firefox的工作（我試過47和47.0.1）字體「蒙特塞拉特」沒有出現。

這很好奇，因爲我在控制檯沒有網絡錯誤或沒有其他錯誤，只有一個不工作，另一個工作正常。

你知道任何解決方案嗎？謝謝！

來源

2016-07-15 ste

這是在Firefox的工作對我罰款：https://jsfiddle.net/6vb6pjz4/ – APAD1

正如你們指出我在Firefox上發佈的代碼一樣。問題是font-family被另一個css覆蓋（仍然不知道爲什麼這隻發生在Firefox中）。我剛剛創建這個類：

.font-montserrat { 
    font-family: 'Montserrat', sans-serif; 
}

而只是說：

.font-montserrat { 
    font-family: 'Montserrat', sans-serif !important; 
}

現在的字體在每個瀏覽器中正確呈現！

來源

2016-07-18 14:59:21 ste

這並沒有爲我工作。就我而言，我的筆記本電腦安裝了蒙特塞拉特。 Firefox使用這個。我刪了它。 Firefox然後開始使用從googleapis.com下載的字體，並解決了這個問題。 –

當您使用Google字體的字體時，根本不需要使用@ font-face。通過類使用這些字體，如果你想，像

CSS

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); 
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,300italic,400italic&subset=latin,latin-ext); 

.font-montserrat { 
    font-family: 'Montserrat', sans-serif; 
} 

.font-raleway { 
    font-family: 'Raleway', sans-serif; 
}

HTML

<p class="font-montserrat">This is Montserrat</p> 
<p class="font-raleway">This is Raleway</p>

當你寫，

FONT-FAMILY：「Raleway '，無襯線字體;font-family：'蒙特塞拉特'，sans-serif;它只是將通過Raleway覆蓋字體蒙特塞拉特所以這就是爲什麼，而不是蒙特塞拉特你會看到Raleway。

來源

2016-07-15 16:11:15

我也有這個問題。然而，我確實在鏈接標籤中加載了谷歌字體。以下爲我工作，但我不知道爲什麼。

本來我的鏈接標籤看起來像這樣（沒有工作在Firefox）：

<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Lato:300,400' />

當我刪除它沒有然而工作的「https：」。就像這樣：

<link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Lato:300,400' />

來源

2018-03-04 21:08:04 Fom

谷歌的字體在Firefox

回答

相關問題