html - FF 中未加载 Typography.com 字体

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

字体的必要文件包含在 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，结果都是一样的，字体没有加载。

最佳答案

尝试在没有https:的情况下使用@import。

示例:

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

这应该可以做到。

关于html - FF 中未加载 Typography.com 字体，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41953935/