我在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;
}
让我们尝试一下。