在ruby-on-rails-4 production firefox中没有加载字体和图像

Question

我在ruby-on-rails-4中使用了font- and，在我的开发模式下，chrome和firefox都运行得很好。但是我找不到font- and和图片没有加载到生产模式的原因，在生产模式中，font-and在chrome中工作得很好。

Answer 1

在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，并像这样编辑它: change：

@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;
}

让我们试试这个。

Answer 2

我也有同样的问题。

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

Answer 3

对我来说，最简单的修复方法是使用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日的最新版本，请参阅上面的链接)