Question

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

该字体的nessecary文件包含在css import中：

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

并将字体系列设置为如下变量：

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

.body {
    font-family: $gotham;
}

在最新版本的Safari，Chrome和IE中正确显示和呈现字体，但字体不会显示在FF中。

我很困惑为什么会这样，我在不同的机器上检查了多个版本的FF，结果是一样的，没有加载字体。

Answer 1

尝试使用不@import的{{1}}。

示例：

https:

这应该这样做。