need to add a font to a website

[Ben502]

so i am building a site for this little theatre company in town. they have choosen the font choices of, "Tahoma, Geneva, sans-serif". However, those fonts are not showing up on iphones...can i upload the font to their site? where would a person get the font to upload? what bit of code do i need to make it work?

i checked google webfont and did not see any of them there...

thanks yall!

[BeeDeeDubbleU]

Fonts have to reside locally do they not? As I understand it if a font is specified that is not present for the local browser a near equivalent is used.

[jinxed]

You can upload the font to the server and link to that font file within the CSS.

[robzilla]

Officially, Tahoma and Geneva are commercial fonts that you are not allowed to embed into your webpages because that would also allow your visitors to download them from your server, free of charge. You would be forced to find a free look-a-like font, such as "Wine Tahoma Regular", and load it into your pages for iPhone users only (and/or any other mobile devices). The embedding can be done with the CSS3 @font-face selector, but I'm not sure if that's supported by all iPhones, and you might be able to detect iPhone users with JavaScript and/or the User-Agent header.

[lucy24]

Little theatre company? Not, say, big software giant in Redmond? Tell 'em to get real and add "sans-serif" to the end of the string.

[Ben502]

HA! Thanks Lucy. sans is already there. don't know if it is showing right on the iphone though. i need to find one to check it out (looks great on my droid though ;) )

[rocknbil]

The iPhone supports Javascript, you could **try** the Cufon library <cough>.

[jennyj]

these are the fonts installed on the iphone

American Typewriter
American Typewriter Condensed
Arial
Arial Rounded MT Bold
Courier New
Georgia
Helvetica
Marker Felt
Times New Roman
Trebuchet MS
Verdana
Zapfino


add 'helvetica' to the font-stack - it is fairly similar in size and shape, (or trebuchet if you really must, but it is a very ugly font-face)