I'm having a strange issue loading my fonts on heroku. They look fine in development, but whenever I push to heroku they do not load.
I added the font path to my application.rb as follows:
config.assets.paths << "#{Rails.root}/app/assets/fonts"
In my application.css.scss I have the following code:
@font-face {
font-family:'FontAwesome';
src: url('fontawesome-webfont.eot'),
url('fontawesome-webfont.eot'),
url('FontAwesome.otf'),
url('fontawesome-webfont.svg'),
url('fontawesome-webfont.ttf'),
url('fontawesome-webfont.woff'),
url('glyphicons-halflings-regular.eot'),
url('glyphicons-halflings-regular.svg'),
url('glyphicons-halflings-regular.ttf'),
url('glyphicons-halflings-regular.woff');
font-weight: normal;
font-style: normal;
}
When I upload it to heroku fonts do not load. I looked at the page source and the fonts are loading with this directory:
/fonts/assets/fonts/fonts/fontawesome-webfont.eot
Does anybody know why this is happening and what can be done about it?
Thanks!