【问题标题】:How to install local fonts for rails 5.2如何为 rails 5.2 安装本地字体
【发布时间】:2018-09-08 16:50:17
【问题描述】:

我正在尝试将字体添加到我的 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;

}

我不确定出了什么问题...有什么建议吗?

【问题讨论】:

  • 您可以在控制台中运行Rails.application.config.assets.paths 并使用输出更新问题吗?
  • 你可以关注这个答案 - stackoverflow.com/questions/48047545/… ,希望它应该工作。

标签: ruby-on-rails sass ruby-on-rails-5.1


【解决方案1】:

我想你可能需要修改 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;

}

进行此更改后,您必须重新启动您的网络服务器。

【讨论】:

  • 我试过了,现在可以看到开发环境的变化了。但是字体仍然没有出现在生产环境中。这和Nginx有关吗?
  • 结果证明该解决方案适用于 www.mysite.com;但 mysite.com 存在一些 CORS 问题。
猜你喜欢
  • 2017-03-08
  • 2019-02-09
  • 2011-07-21
  • 2012-03-14
  • 1970-01-01
  • 1970-01-01
  • 2020-10-15
  • 2020-03-01
  • 1970-01-01
相关资源
最近更新 更多