作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试向我的 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;
}
关于ruby-on-rails - 如何为 rails 5.2 安装本地字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52237391/
我是一名优秀的程序员,十分优秀!