FF中未加载Typography.com字体

Question

我在一个网站上工作，我包括了一个来自typography.com的字体。

字体的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的多个版本，结果是相同的，字体没有加载。

页面是goingplaces.jackjones.com

Answer 1

尝试使用没有@import的https:。

示例：

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

这样就行了。

在Cloud.typography是如何工作的上见有溶液。