部署到Heroku时，Rails中没有显示FontAwesome图标

Question

我在许多其他相关的StackOverflow问题中尝试了这些解决方案，但我部署的应用程序仍显示白色矩形框，而不是图标。在localhost上运行正常。

的Gemfile

source 'https://rubygems.org'

gem 'rails', '4.0.2'

gem 'protected_attributes' 
gem 'font-awesome-sass'
...
group :development, :test do
  gem 'sqlite3' # Use sqlite3 as the database for Active Record
end

gem 'rails_12factor', group: :production

group :production do
gem 'pg'
gem 'rails_serve_static_assets'
end

application.css

*= require font-awesome

我有预编译资产，并修改了我的 application-xxx.css 文件（根据this answer），如下所示：

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

我的 production.rb 包含

config.serve_static_assets = true

当我加载应用程序时，控制台上没有错误但是字体没有作为资源加载：

可能是什么问题？

修改 问题解决了，我害怕在运行

时没有读过控制台消息

rake assets:precompile RAILS_ENV=production

我有一些无效的CSS，由于某些原因localhost无关紧要，但在生产中却没有。顺便说一句，我切换到gem "font-awesome-rails"。

Answer 1

好的heroku将你的css编译为sass，他们提供了一个工具http://css2sass.herokuapp.com/，可以帮助你将你的css转换成sass。

要将 gem“font-awesome-rails”添加到您的应用中，您可以按照font-awesome-rails中的说明记住，在application.css中包含css文件非常重要喜欢

 /*
 *= require font-awesome
 */

祝你万事如意。并希望这有助于