What Font Does Barack Obama Use For His Website?

It looks like he uses a few different ones. Some letters have serifs, for example, and some do not. Which font is the one you like?

For example on his home page he has a navigation bar that is white with blue letters in CAPITALS. Ex: LEARN, ISSUES, MEDIA…

Or for example it says “5 THINGS YOU CAN DO. VOLUNTEER. KNOCK ON DOORS, MAKE CALLS, FIND EVENTS…”

I tried running Identifont, but it only picks ones that are close… you can try if you like. It asks questions about the font and tries to find one that matches your answers.
http://www.identifont.com/index.html

Okay thanks for your help.

h2, h4, h6, body {
font-family:“Helvetica Neue”,Arial,Helvetica,Geneva,sans-serif;

This is probably it.
Also:

h1 {
-x-system-font:none;
color:#2575AD;
font-family:Georgia,“Times New Roman”,Times,serif;

It’s not in the source code. I know this because the font I’m looking for is always on an image. It’s not text.

It looks a lot like Myraid Pro.

“Learn” is text:

<a title=“Learn” href=“http://www.barackobama.com/learn/meet_barack.php”>Learn</a>

@fireside I believe that is the name of the photo. Even if it is it doesn’t say the font name.

@laureth Thanks for your help. I actually think I found it with that website. If not it’s very similar. So thank you. Lurve!

Here’s a tutorial for how to create an Obama web layout.

Glad you found what you were looking for.

EDIT – try again, there’s no www on this link

Thanks! Though the link is broken. Try adding “http://” before the “www.”

Thanks!

I just did a big research writeup on this..
Usually, when you see capitals, it is Verdana or Helvetica Neue in a bold form. The short words that appear often, such as “for” or “of,” are an elongated form of an italicized Georgia.

Lefteh, you’re usually spot on with your answers, so I hope you won’t be offended when I tell you that you’re way off in this case.

The beautiful geometric sans-serif font that is used in the images and headings on the Obama website is actually Gotham. There’s been a little stir in the design community about it over the course of the campaign, because it really is a lovely, very tasteful font and demonstrates a much better handle on design than any political campaign in recent memory. Gotham comes from Hoefler & Frere-Jones, one of the best contemporary type foundries.

I’m not sure immediately what the serif is—perhaps after I do a little research, I can find it for you. It’s true that the serif in the text headlines is Georgia (a good font to use when designing websites because most every computer has it) the font used in the graphics (buttons, etc.) certainly is not. It’s much too high contrast to be Georgia. I’ll see if I can’t track down what it actually is.

Apparently at some point it became Requiem by the same foundry. At least according to that Roger Black guy.

found it through a link to a link to a link… I’m horrible at telling serifs apart

Hm. Requiem may be the roman serif on his posters (certainly looks that way) but the typeface I think lefteh is referring to is the one used for the small words such as the “to” in “Neighbor to Neighbor” and the “on” in “Knock on Doors.” It might be Bodoni Semibold Italic, but I don’t have a copy of the font file on hand to compare it with. Also, some of the characters look to swoopy. But they might be swash alternates that I’m not familiar with or custom modifications.

Not Bodoni. I give up.

Looks like that italic serif might be Roundhand to me.

Thanks everyone for all your help! You too lapilofu! Thanks.