Getting Fonts to work in Rails 3.1?

Question

I don't know what's wrong. It seems like I'm doing this right. I'm trying to use Font Awesome in my application but the font doesn't appear. I have a folder called `fonts` and in my `application.rb` included the line: ``` class Application < Rails::Application # Enable the asset pipeline config.assets.enabled = true # This line config.assets.paths << Rails.root.join("app", "assets", "fonts") ``` and than instead of having the 2 css files that come with Font-Awesome (CHANGED SEE BELOW) ( didn't need the IE7 one) I just put the main css inside of my `application.css`. Than I change the urls to detect the font files. ``` @font-face { font-family: "FontAwesome"; src: url('<%= asset_path('fontawesome-webfont.eot') %>'); src: 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; } ``` I…

Accepted Answer

You really need to put that code into a css.scss file then include it in the application.css (you will need the css.scss to use the asset_paths)

UPDATE: You will need to change your `*= font-awesome` to `*= require font-awesome` and also rename `font-awesome.css` to `font-awesome.css.scss`

Getting Fonts to work in Rails 3.1?

Solution

Problem