Rails: Using Font Awesome

by

first:
add app/assets/fonts to the asset path (config/application.rb)

config.assets.paths << Rails.root.join("app", "assets", "fonts")

then move the font files into /assets/fonts (create the folder first)

Now rename the font-awesome.css to font-awesome.css.scss.erb
and edit it like this:
change:

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

to this:

@font-face {
  font-family: "FontAwesome";
  src: url('<%= asset_path("fontawesome-webfont.eot") %>');
  src: url('<%= asset_path("fontawesome-webfont.eot") + "?#iefix" %>') format('eot'), url('<%= asset_path("fontawesome-webfont.woff") %>') format('woff'), url('<%= asset_path("fontawesome-webfont.ttf") %>') format('truetype'), url('<%= asset_path("fontawesome-webfont.svg") + "#FontAwesome" %>') format('svg');
  font-weight: normal;
  font-style: normal;
}

Finally: check all resources are loaded correctly (with Firebug or Chrome Inspector)

More Related Contents:

  1. Rails 4: Why are fonts not loading in production?
  2. SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed
  3. How to understand nil vs. empty vs. blank in Ruby
  4. Best way to load module/class from lib folder in Rails 3?
  5. Ruby on Rails Server options [closed]
  6. Rails – Strong Parameters – Nested Objects
  7. ActiveRecord.find(array_of_ids), preserving order
  8. In Ruby on Rails, how do I format a date with the “th” suffix, as in, “Sun Oct 5th”?
  9. How to sort text in sqlite3 with specified locale?
  10. How to redirect to previous page in Ruby On Rails?
  11. rails 3 – link_to to destroy not working
  12. rescue_from ActionController::RoutingError in Rails 4
  13. Rails 4: before_filter vs. before_action
  14. Add a reference column migration in Rails 4
  15. How do I render a partial of a different format in Rails?
  16. Why doesn’t `config.time_zone` seem to do anything?
  17. query , can not select column count
  18. Why are all Rails helpers available to all views, all the time? Is there a way to disable this?
  19. Uploading multiple files with paperclip
  20. Rails 3.1 and Ruby 1.9.3p125: ruby-debug19 still crashes with “Symbol not found: _ruby_threadptr_data_type” [duplicate]
  21. How to change the default path of view files in a Rails 3 controller?
  22. Rails validation over redirect
  23. How to store data in S3 and allow user access in a secure way with rails API / iOS client?
  24. Rails has_many through form with checkboxes and extra field in the join model
  25. Changing the base URL for Rails 3 development
  26. Rails segmentation fault when starting server?
  27. 403 Forbidden on Rails app w/ Nginx, Passenger
  28. How to fix “Your Ruby version is 2.3.0, but your Gemfile specified 2.2.5” while server starting
  29. Ruby on Rails: how do I sort with two columns using ActiveRecord?
  30. Rails: Order with nulls last

Leave a Comment