我正在尝试向我的 Rails 5.1 项目添加字体,但是,该项目似乎找不到字体。以下是字体的目录:
app
├── assets
│ ├── config
│ │ └── manifest.js
│ ├── fonts
│ │ ├── Open-Sans.eot
│ │ ├── Open-Sans.svg
│ │ ├── Open-Sans.ttf
│ │ └── Open-Sans.woff
在我的application.rb
中,我确实添加了字体路径:
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')
config.assets.precompile << /.(?:svg|eot|woff|ttf)$/
这是我base.scss
文件:
@font-face {
font-family: "Open-Sans";
src: asset-url('Open-Sans.ttf') format('truetype');
}
body {
font-family: "Open-Sans", Helvetica, Arial, sans-serif;
// font-family: $body-font-family;
// background-color: #2f4050;
background-color: #222;
font-size: 15px;
color: $text-color;
overflow-x: hidden;
}
我不确定出了什么问题...有什么建议吗?
我认为您可能需要修改base.scss文件
@font-face {
font-family: "Open-Sans";
src: url(asset-path('Open-Sans.ttf')) format("truetype");
}
body {
font-family: "Open-Sans", Helvetica, Arial, sans-serif;
// font-family: $body-font-family;
// background-color: #2f4050;
background-color: #222;
font-size: 15px;
color: $text-color;
overflow-x: hidden;
}
此更改后,您必须重新启动 Web 服务器。