css - 部署到 Heroku 时，Rails 中未显示 FontAwesome 图标

Question

我已经尝试了许多其他相关 StackOverflow 问题的解决方案，但我部署的应用程序仍然显示一个白色矩形框，而不是图标。在本地主机上它运行正常。

gem 文件

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

我有预编译的 Assets ，并修改了我的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 中的说明进行操作。请记住，将 css 文件包含在 application.css 中非常重要，例如

 /*
 *= require font-awesome
 */

祝你一切顺利。并希望这会有所帮助