heroku で gem 'sass-rails', '~> 4.0.0' と共に gem 'bootstrap-sass' を使用しています。ローカル サーバーでは CSS の変更を確認できますが、heroku にロードするとカスタム CSS が上書きされます。
たとえば、私のローカル サーバーでは、chrome 開発者ツールの css ファイルが次のように明確に表示されます。
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
しかしCSSではこれは上書きされます。つまり、heroku で上記の行が削除され、別のフォントが表示される chrome 開発者ツールを見ることができます。
font-family: verdana、arial、helvetica、sans-serif;
このフォントは追加していません。さらに、「body-background color」の css カラーが取り消され、デフォルトの白い背景がボディの背景色として表示されます。
誰でもポインタを与えることができますか?
これは私の production.rb がどのように見えるかです
Rails.application.configure do
config.cache_classes = true
config.eager_load = true
config.consider_all_requests_local = false
config.action_controller.perform_caching = true
config.serve_static_assets = false
config.assets.js_compressor = :uglifier
config.assets.compile = false
config.assets.digest = true
config.assets.version = '1.0'
config.log_level = :info
config.i18n.fallbacks = true
config.active_support.deprecation = :notify
config.log_formatter = ::Logger::Formatter.new
config.active_record.dump_schema_after_migration = false
config.action_mailer.default_url_options = { host: 'http://MY_CUSTOM_NAME.herokuapp.com' }
end