I would like some advice on constructing a font-family involving Futura which will display nicely on the iPhone for bold text.
My site, www.swingoutlondon.co.uk uses a font-family of Futura, falling back to Trebuchet MS. Futura generally only displays on Macs, and looks lovely, but isn't installed on most windows machines, in which case Trebuchet is an acceptable substitute.
Unfortunately on the iPhone, only Futura Medium, Futura Medium italic, and Futura Condensed Extra Bold are installed by default - there is no simple Bold version of the font. Futura Condensed Extra Bold has a completely different shape to the rest of the font and looks pretty horrible to my eyes, but this is what is used for bold Futura text in Safari on the iPhone.
I can think of 2 options, each with their own problems:
- Forget about Futura and use good old sturdy Trebuchet throughout (but that would be a cop-out)
- Replace all instances of "font-weight:bold" with a new font family declaration of "Trebuchet MS Bold" (but what do I do about the base sans-serif font? Also, there would be a slight visual clash between bold text in Trebuchet and body text in Futura)
Any advice, both general and specific, would be gratefully received.
P.S. I'm guessing I can do some sort of conditional include to only apply these styles to iPhone-type user agents, but I'm sure I can find that out for myself, so I won't bother you kind people with it