Font Awesome 3.0.2 + SASS + Rails

With SASS and fonts from Font Awesome, font-awesome-sass-rails is a gem to integrate Font Awesome to your Rails application.

It supports Rails 3.1.1 and older.

Add font-awesome-sass-rails gem to your Gemfile:

gem 'font-awesome-sass-rails'

Then add the stylesheet to your Rails assets. The simplest way to apply Font Awesome site-wide is to add a require statement in app/assets/stylesheets/application.css:

*= require _font-awesome

That's it!

If you want to manage where the stylesheet will be used or just prefer SCSS, you can use @import in a SCSS file (e.g. a new file named libs.css.scss) to import the stylesheet:

@import 'font-awesome';

(By default Rails will import all SCSS files in app/assets/stylesheets, you can change this behavior by modifying application.css.)

You can also use it with the SASS-converted Bootstrap gem, like bootstrap-sass or anjlab-bootstrap-rails. Just require/import font-awesome right after bootstrap.

This gem also includes font-awesome-ie7, the stylesheet for IE7 support bundled with Font Awesome 3.0.

Use this stylesheet with conditional comment may be the best way to support IE7. But it can be difficult when it comes to assets pipeline. See this article on StackOverflow for a workaround: Using Rails 3.1 assets pipeline to conditionally use certain css

When you try this workaround, in your application-ie.css, append:

*= require _font-awesome-ie7.min

The font from Font Awesome is under SIL Open Font License. The SASS & CSS from Font Awesome is under the MIT License.

Others are under MIT license.