What's the easiest way to add font-awesome in rails 4

Question

I have followed the instructions from font awesome guide at http://fortawesome.github.io/Font-Awesome/get-started/ but the font doesn't appear to my html.erb page, instead it shows weird symbols.

refer this http://stackoverflow.com/questions/11052398/rails-using-font-awesome — amtest, Apr 26 '15 at 07:45

score 1 · Accepted Answer · answered Apr 26 '15 at 10:48

1

Personally I like the font-awesome-rails gem best. It integrates FA into the asset pipeline and adds a fa_icon helper that you can use in your views.

answered Apr 26 '15 at 10:48

Marcus Ilgner

6,935
2
30
44

thanks @ lot, this works like a charm at the first try – Muhammad_Sigit_Dude Apr 27 '15 at 02:14

score 0 · Answer 2 · answered Apr 26 '15 at 10:36

0

What code are you using for your classes? You need to use 'fa', not 'icon' e.g.

class="fa fa-plus"

answered Apr 26 '15 at 10:36

margo

2,927
1
14
31

score 0 · Answer 3 · answered Apr 26 '15 at 16:42

in your config/initializers/assets.rb add next strings:

Rails.application.config.assets.precompile += %w( fontawesome-webfont.eot )
Rails.application.config.assets.precompile += %w( fontawesome-webfont.woff2 )
Rails.application.config.assets.precompile += %w( fontawesome-webfont.woff )
Rails.application.config.assets.precompile += %w( fontawesome-webfont.ttf )
Rails.application.config.assets.precompile += %w( fontawesome-webfont.svg )

in your app/assets/stylesheets/application.css add

*= require font-awesome

What's the easiest way to add font-awesome in rails 4

3 Answers3