New Obama Font
-
I downloaded the Obama Font (Gotham HTF) offline, and have been able to apply it to my own blog view, but on other computers they only see Arial in the place of Gotham. Can I somehow embed the coding for the font (does such a thing exist?) in my CSS code?
Thanks for your help
-
The font would have to be installed on every computer that visits your blog or the browser will substitute a font it has.
-
Can the browser not be updated? When do fonts become accessible if browsers don’t recognize them?
-
No, see web browsers pull from the USER’S font library. So while Gotham is a beautiful typeface, it is a relatively highend and uncommon one and the likelihood of it being an active font on all your users’ computers is pretty slim. The reason why there are “standard” web “safe” fonts is because they are almost totally universal system fonts that are installed on nearly every machine out there. There are ways to embed fonts in to your page, but that’s well beyond my rudimentary CSS knowledge, and I highly doubt it’s possible on the .com version of wordpress…
-
Embedding fonts in a web page also introduces copyright issues. It’s not really feasible at the moment for all of the reasons stated here. There is an effort to improve the situation (in forthcoming web browsers, it’s not a WordPress issue) but don’t hold your breath before it becomes widely adopted.
If it’s for your header, you could use Photoshop or similar to create a PNG image containing the text in your desired font, then use that as your custom header image.
For the benefit of those who don’t know: you can specify Gotham (or any other font you’d like) in your CSS like this:
h2 { font-face: Gotham, Helvetica, Arial, sans-serif; }Gotham will only be displayed on computers that have it installed. Those that don’t will try Helvetica. Those without that will try Arial, then any sans-serif font.
- The topic ‘New Obama Font’ is closed to new replies.