Bourbon的@ font-face mixin找到了字体，但不会显示它

Question

我正在尝试使用bourbon的font-face mixin将此字体显示在我页面的标题上。

我的代码如下：

@include font-face(3dumb, '3dumb/3Dumb-webfont', normal, $asset-pipeline: true)

.header {
        text-align: center;
        font-family: 3dumb;
};

这应该将我的.header的字体设置为3dumb，但事实并非如此。该字体是默认的浏览器字体。

我的字体存储在assets / fonts / 3dumb中，而我正在使用rails 4。

有谁在这里知道如何解决这个问题？

提前致谢， 本

Answer 1

您可以默认显示字体但不显示标题，也许您错过了''

.header { font-family: '3dumb'; }

Answer 2

1. 确保您的字体位于app/assets/fonts文件夹中。 （没有子文件夹）

2. 检查是否存在任何拼写错误

如果您想使用vendor/assets/fonts中的字体，则可以将以下内容添加到您的应用中.rb：

app.config.assets.paths << Rails.root.join('vendor', 'assets', 'fonts')
app.config.assets.precompile << /\.(?:svg|eot|woff|ttf)$/

希望这有帮助。

<强>更新

请尝试使用以下CSS：

@include font-face(3dumbregular, '3Dumb-webfont', normal, $asset-pipeline: true)

.header {
    font-family: '3dumbregular';
}