The navigation board items on my website at www.amsa.mn uses the wrong font when displayed with Firefox. The correct font is loaded when I access the website with Safari or Chrome. Is there any way to force Firefox to load the correct font?
Looks fine when I check on firefox, I guess you have already found a solution? If not...
It is probably a declaration issue, or not having the correct file type of font that Firefox uses.
As NickWebman answered, go to somewhere like fontsquirrel.com, into their font-face section and either find the font you want and download it or convert one of your existing fonts.
Make sure to create/download all the different file types so your font will display in all browsers as the core browsers tend to prefer different file types - .woff, .ttf, .svg, .eot etc
One solution for Internet Explorer is to seperate it from the normal declaration e.g.
Or, thanks to the Bulletproof article on paulirish.com, a nicer solution:
Don't forget to put a fallback e.g. websafe fonts to fall back to in case everything goes pop e.g.
Even after all of the above the fonts just dont look correct in IE etc, you could try adding the following:
You can load the fonts you want to use in your site like this
Then apply them with
This will force it on all browsers
A good article about @font-face is here http://www.miltonbayer.com/font-face/
You need to convert the "Arimo" font to a web-font with a converter like http://www.fontsquirrel.com/fontface/generator. Your CSS references the Arimo font. Since the font is not available via CSS, it's attempting to load it locally. Most people won't have Arimo installed, so will see a default font instead.