How to change font size/weight when font-family not supported
# May 1, 2012 at 10:30 am
So my site is using some “font-family” here and there (for main title and post titles):
Now I’ve come across the situation where this whole font-family thing is not supported (Opera Mini), so I want to have a little fallback. It’s easy to include a fallback font type, but is it also possible to change the font size and weight in case the browser is not able to use the “Sketch Block Bold” font?
So what I basically want is to have a default font Sketch Block Bold, 120px, normal, but if that can’t be shown, have Courier New, 80px, bold.
Possible?# May 1, 2012 at 12:57 pm
@djrolstad: I don’t want to change it for all mobile browsers. I only want to change it for browsers that don’t support the font-family property (which just happens to be Opera Mini). iPhone’s Safari Mobile should still show the regular font type.
@Hompimpa : simple enough, I’ll try that. However I also need to change the line-height and some other stuff that is not directly in the font-property (height, line-height, margins)….. :-/
You must be logged in to reply to this topic.