Question

我在ruby-on-rails-4中使用font-awesome，在我的开发模式下一切正常在chrome和firefox中。但我无法找出font-awesome和图像未加载到生产模式的原因是什么，其中font-awesome在chrome中运行良好。

Answer 1

在rails 4中尝试使用font-awesome：

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日的最新消息，请参阅上面的链接以获取最新版本）

在ruby-on-rails-4生产firefox中没有加载font-awesome和images

3 个答案: