Rails 4: Why are fonts not loading in production?

by

We had this problem last week – the problem is that your assets will be compiled to have MD5 hashes on them, whilst your standard CSS will still be looking for their “standard” names. This is a problem with images & fonts.

@font-face {
    font-family: 'akagi';
    src: asset_url('fonts/akagi-th-webfont.eot');
    src: asset_url('fonts/akagi-th-webfont.eot?#iefix') format('embedded-opentype'),
         asset_url('fonts/akagi-th-webfont.woff') format('woff'),
         asset_url('fonts/akagi-th-webfont.ttf') format('truetype'),
         asset_url('fonts/akagi-th-webfont.svg#akagithin') format('svg');
    font-weight: 300;
    font-style: normal;
}

This is an example of how you should use scss files to load assets dynamically. These files are compiled (either before push or during init) into your .css files, all with their assets correctly synced.

We had a similar problem to you with Heroku, and managed to get it working by putting our files into /stylesheets/layout/fonts.css.scss and then calling

@import '/layout/fonts';

We also called our application.css -> application.css.scss to support the @import function

More Related Contents:

  1. Auto-loading lib files in Rails 4
  2. How to use concerns in Rails 4
  3. How to get a random number in Ruby
  4. Disable ActiveRecord for Rails 4
  5. ActiveRecord OR query Hash notation
  6. Rails 4 Authenticity Token
  7. Add Custom Field/Column to Devise with Rails 4
  8. Deprecated warning for Rails 4 has_many with order
  9. Rails 4 image-path, image-url and asset-url no longer work in SCSS files
  10. Rails 4: organize rails models in sub path without namespacing models?
  11. GroupingError: ERROR: column must appear in the GROUP BY clause or be used in an aggregate function
  12. ERROR: Failed to build gem native extension on Mavericks
  13. Rails 4 nested attributes and has_many :through associaton in a form
  14. Rails 4, how to correctly configure smtp settings (gmail)
  15. New data not persisting to Rails array column on Postgres
  16. “bin/rails: No such file or directory” w/ Ruby 2 & Rails 4 on Heroku
  17. Redis + ActionController::Live threads not dying
  18. Rails: PG::UndefinedTable: ERROR: relation “…” does not exist
  19. Rails Observer Alternatives for 4.0
  20. How do I use gems with Ubuntu?
  21. Rails 4.0 Strong Parameters nested attributes with a key that points to a hash
  22. Rails 4 – Gem::LoadError: Specified ‘mysql2’ for database adapter, but the gem is not loaded
  23. Ruby on rails 4 app does not work in iframe
  24. Refresh token using Omniauth-oauth2 in Rails application
  25. Upgrading from Rails 2.3.8 to 4.0
  26. Is puma the ONLY multi-threaded rails 4 http server?
  27. API Authentication for user logged in to a Web App server
  28. An error occurred while installing pg (0.17.1), and Bundler cannot continue
  29. ActionController::InvalidAuthenticityToken in RegistrationsController#create
  30. ActionController::ParameterMissing (param is missing or the value is empty: film):

Leave a Comment