@font-face 使用 .css 文件作为来源？

Question

我已获得 Gotham 字体的路径（已缩短）...

https://cloud.typography.com/[path shortened]/css/fonts.css

我可以在@font-face 定义中使用它吗（似乎不起作用 - 示例不使用 .css 作为有效的 src）？

@font-face {
  font-family: 'Gotham';
  src: url("https://cloud.typography.com/[path shortened]/css/fonts.css");
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 400;
}

这样我就可以像这样使用它了：

body {
    font-family: 'Gotham', sans-serif; 
}

我显然遗漏了一些东西，因为它总是使用无衬线字体，而不是所需的字体。

注意字体已付费并在已通过字体排版正确许可的域上进行测试）

Answer 1

在您的主要 css 代码中使用它，并将 font.css 中的字体名称称为您的字体。这应该有效

@import url('https://cloud.typography.com/[path 缩短]/css/fonts.css');

@font-face 使用 .css 文件作为来源？

@font-face with a .css file used as the source?

css

fonts

font-face

cloud.typography