css - css 中的 2 个字体文件，一个有效，另一个无效

Question

我有 2 个字体文件:Gotham-Book.ttf 和 HelveticaNeue-Thin.otf。 Helvetica 可以正常工作，但 Gotham 不行。

@font-face {
   font-family: 'HelveticaNeue-Thin';
   src:asset-url('HelveticaNeue-Thin.otf');
   src:font-url('HelveticaNeue-Thin.otf');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Gotham-Book';
   src:asset-url('Gotham-Book.ttf');
   src:font-url('Gotham-Book.ttf');
   font-weight: normal;
   font-style: normal;
}

body
{
    font-family: 'Gotham-Book', 'HelveticaNeue-Thin';
    font-size: 200%;
}

两个文件都在同一个文件夹中。

Answer 1

这应该有效!这就是我一直在 CSS3 中声明字体的方式。

@font-face {
    font-family: "FontName";
    src: url(FontName.extension);
}

这是如果它们在您的根文件夹中。如果它存在于另一个文件夹中，它将是:

@font-face {
    font-family: "FontName";
    src: url(/folder/FontName.extension);
}