How to change font ONLY if using Mozilla Firefox

HTML & CSS
1

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,

2

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.

3

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'[COLOR="#FF0000"], 'century gothic', callibri, arial, helvetica, sans-serif[/COLOR];
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. :frowning: