elifflower — 2012-10-16T16:33:02-04:00 — #1
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.
stevie_d — 2012-10-16T17:28:32-04:00 — #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.
ralphm — 2012-10-16T19:58:41-04:00 — #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.
font-family:'BrownBold'<font color='"#FF0000"'>, 'century gothic', callibri, arial, helvetica, sans-serif</font>;
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.