如何在Rails应用中添加自定义字体?
我想在RoR应用程序中使用几种字体,但是它们的格式主要是.ttf和.otf等。我该如何将这些文件嵌入我的Rails应用程序?即,一旦将它们放入资产文件夹中,将它们嵌入到CSS和/或LESS文件中的语法到底是什么?
编辑:这是我现在拥有的代码:
@font-face { font-family: Vow;
src: url('/assets/Vow.otf');
}
h1 {
font-family: Vow;
text-align: center;
}
它似乎对我不起作用。Rails控制台中的输出类似于以下内容:
ActionController::RoutingError (No route matches [GET] "/assets/Vow.otf")
使用Firebug检查页面时会说:
downloadable font: download failed (font-family: "Vow" style:normal weight:normal stretch:normal src index:0): status=2147746065source: http://localhost:3000/assets/Vow.otf
回答:
较大的示例,假设它们直接在资产目录下解决
@font-face { font-family: 'Nokia Pure Headline';
src: url('/assets/nokiapureheadlinerg-webfont.eot');
src: url('/assets/nokiapureheadlinerg-webfont.eot?iefix') format('eot'),
url('/assets/nokiapureheadlinerg-webfont.woff') format('woff'),
url('/assets/nokiapureheadlinerg-webfont.ttf') format('truetype'),
url('/assets/nokiapureheadlinerg-webfont.svg#webfont3AwWkQXK') format('svg');
font-weight: normal;
font-style: normal;
}
对不起,我不知道少
同样,为了使资产管道的配置具有资产/字体的内容,我们使用以下命令:
# Enable the asset pipelineconfig.assets.enabled = true
config.assets.paths << Rails.root.join('/app/assets/fonts')
以上是 如何在Rails应用中添加自定义字体? 的全部内容, 来源链接: utcz.com/qa/407416.html