I have this strange issue.
Inside the assets/stylesheets/pages.scss (pages is a controller)
i have set up a custom font with font-face
and i call it inside an id.
The thing is that the font loads fine on safari and chrome but it
doesnt work on firefox at all.
First I suggest that you view the html source (View > Page Source in
Firefox) and copy the complete text. Then paste it into the w3c html
validator to check the html is valid. Differences in presentation
between browsers is often caused by invalid html.
When i use the exact code on an html file and load it on firefox it
works but when i use rails it doesnt.
Have you tried clearing the firefox cache? If that does not sort it
then I suggest that it can't be exactly the same, firefox will render
it the same whether it has come from erb or raw html. If you just
mean a snippet of the html then of course we could be back to the
Finally if still not working try Firebug and see if it shows any errors.