css - Bourbon 的 @font-face 混合找到字体但不会显示它

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。

这里有人知道如何解决这个问题吗？

在此先感谢，本

score 1 · Accepted Answer

您可以默认显示字体但不显示标题，也许您缺少“ ”

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

score 0 · Accepted Answer

如果您想vendor/assets/fonts从那时起使用您的字体，您可以将以下内容添加到您的 application.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';
}

2 回答 2