Typography.com字體未載入FF

我正在從一個網站，其中包括字體typography.com。Typography.com字體未載入FF

字體的nessecary文件包含一個CSS導入：

@import 'https://cloud.typography.com/6741734/7240552/css/fonts.css'

和字體家族設置爲這樣的變量：

$gotham = 'Gotham A', 'Gotham B' 

.body { 
    font-family: $gotham; 
}

的字體顯示和正確地呈現在最新版本的Safari，Chrome和IE中，但是字體不顯示在FF中。

我很困惑，爲什麼會發生這種情況，我在不同的機器上檢查過FF的多個版本，結果是一樣的，字體沒有加載。

您是否嘗試在瀏覽器中打開導入的'.css'？它會給403.這可能是問題嗎？ –

是的，如果我試圖直接進入導入的CSS文件的URL我得到一個「403禁止」，但這發生在每個瀏覽器。 –

你買這個字體？也許你需要將它託管在你自己的服務器上。 –

嘗試使用@import沒有https:。

例子：

@import "//cloud.typography.com/6741734/7240552/css/fonts.css";

這應該這樣做。

2017-01-31 09:58:18

美麗！感謝Patrick現在在FF中工作:) –

回答