Question

因此，我的静态文件夹中有一个base.css文件，并附带两个字体文件Fontin_Sans_R_45b.otf和Fontin_Sans_SC_45b.otf，分别用于常规和小型大写样式。我想为这两种样式定义字体，所以我做了以下几点：

@font-face {
    font-family:'FontinSans';
    src:url('Fontin_Sans_R_45b.otf');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'FontinSans';
    src:url('Fontin_Sans_SC_45b.otf');
    font-weight:normal;
    font-style:small-caps;
}

我已经检查了文件名及其位置。然而，当我尝试加载我的页面时，我在Firefox中的小型大写字体出现了这个错误：

[12:17:27.211] downloadable font: download failed (font-family: "FontinSans" style:normal weight:normal stretch:normal src index:0): status=2147500037
source: file:///Users/user/Documents/DjangoProjects/blogEngineEnv/blogEngine/blogApp/static/css/Fontin_Sans_SC_45b.otf @ file:///Users/user/Documents/DjangoProjects/blogEngineEnv/blogEngine/blogApp/static/css/base.css

我做错了什么？除了没有预料到IE混乱之外 - 这只是我正在使用的快速原型。

Answer 1

您的申报中确实有错误 small-caps不是font-style，而是font-variant！

不确定这是否是导致错误的原因。我希望忽略一个有缺陷的财产。但是，你永远不会知道。

多个样式的相同字体

1 个答案: