My web designer has provided me with updated fonts/icons that have been added to font awesome - he placed this in a local fonts folder. I was also given a font-awesome.css file.
I copied the fonts folder into my assets directly and put font-awesome.css in assets/stylesheets.
The css is referenced correctly in my code, but none of the icons from the font folder get loaded.
Is there something I need to do to ensure everything gets loaded correctly and/or that the fonts folder is referenced?
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)