0

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
4

1 に答える 1