How to change font ONLY if using Mozilla Firefox

[elifflower]

Hi there,

I have created my online portfolio using a Tumblr theme here: www.ellekorhaliller.co.uk

As you can see it uses an font that works in every browser apart from Mozilla because it is externally hosted and I do not own the font myself.

I would like to create a statement that changes the font IF the browser is Mozilla.. Like the <!--if IE statements but I know these are IE specific.

I want to make sure that my code can determine if the user is using Mozilla and if so I want to then use a Google Web Font.

Any help would be much appreciated.

Best,

[Stevie D]

Can you not just use a font stack and put the back-up font second in the list? That way any browsers that can use the first font will do so, and any that can't will move on to the second one.

[ralph.m]

Do you have access to the CSS on the original site? If so, as Stevie says, add fallback fonts in you style sheet. E.g.

body {
background-color:#ffffff;
font-family:'BrownBold', 'century gothic', callibri, arial, helvetica, sans-serif;
color:#000000;
font-size:17px;
line-height:25px;
}

Those are just random fonts I typed, and it would be better to identify common fonts that people have on their computer that look more like BrownBold.

It's a real pain the FF often chokes on FontSquirrel fonts. We get a lot of threads here about that.