ruby-on-rails-4 生产版 firefox 中未加载 font-awesome 和图像答案

【问题标题】：font-awesome and images is not loaded in ruby-on-rails-4 production firefoxruby-on-rails-4 生产版 firefox 中未加载 font-awesome 和图像
【发布时间】：2016-07-03 12:25:00
【问题描述】：

我在 ruby-on-rails-4 中使用 font-awesome，在我的开发模式下一切正常在chrome和firefox中。但我无法找出 font-awesome 和图像未加载到生产模式的原因，而 font-awesome 在 chrome 中可以正常工作。

【问题讨论】：

你预编译过静态资源吗？
是的，我预编译了资产，它在 chrome 中运行良好。

标签： firefox ruby-on-rails-4

【解决方案1】：

我遇到了同样的问题。

事实证明，这是因为我在暂存模式下编译资产并在生产模式下运行。

【讨论】：

【解决方案2】：

对我来说最简单的解决方法是使用Font Awesome "get started" page 中描述的 CDN。

删除样式表和字体文件的任何本地副本，并将其放在头部：

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

（截至 2014 年 7 月 7 日，最新版本见上方链接）

【讨论】：

【解决方案3】：

在 rails 4 中试试这个字体真棒：

https://coderwall.com/p/1uqvkq

希望它会有所帮助。

或者如果上面的一个不适合你，试试这个。首先：将app/assets/fonts添加到资产路径（config/application.rb）

config.assets.paths << Rails.root.join("app", "assets", "fonts")

然后将字体文件移动到 /assets/fonts（先创建文件夹）

现在将 font-awesome.css 重命名为 font-awesome.css.scss.erb 并像这样编辑它：更改：

@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome')    format('svg');
  font-weight: normal;
  font-style: normal;
}

到这里：

@font-face {
  font-family: "FontAwesome";
  src: url('<%= asset_path("fontawesome-webfont.eot") %>');
  src: url('<%= asset_path("fontawesome-webfont.eot") + "?#iefix" %>') format('eot'), url('<%= asset_path("fontawesome-webfont.woff") %>') format('woff'), url('<%= asset_path("fontawesome-webfont.ttf") %>') format('truetype'), url('<%= asset_path("fontawesome-webfont.svg") + "#FontAwesome" %>') format('svg');
  font-weight: normal;
  font-style: normal;
}

让我们试试这个。

【讨论】：