Font-Dewome和图像未在Ruby-on-rails-4 Production Firefox中加载



我在ruby-on-on-on-on-rails-4中使用font-awesome,在我的开发模式下,一切正常在Chrome和Firefox中。但是我找不到字体令人敬畏和图像未加载到生产模式的原因是什么,在chrome中可以使用字体可观。

我遇到了完全相同的问题。

事实证明,这是由于我正在以分期模式编译资产并在生产模式下运行。

对我来说最简单的解决方案是使用字体上描述的cdn真棒"启动"页面。

删除样式表和字体文件的任何本地副本,然后将其放在头上:

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

(截至2014年77-07-07-2014,有关最近的版本,请参见上面的链接)

在铁路4:

中尝试使用此此操作。

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

希望它会有所帮助。

或如果以上不适合您,请尝试一下。第一:将app/assets/fonts添加到资产路径(config/application.rb)

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

然后将字体文件移至/资产/字体(首先创建文件夹)

现在将字体washes.css重命名为font-awesome.css.scss.s.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;
}

让我们尝试一下。

最新更新