views:

225

answers:

6
A: 

That text is part of the image: http://www.whitehouse.gov/assets//hero/hero_bkgd_united_we_serve.jpg

jeffamaphone
Do you think I could use that font in HTML/CSS?
chris
If users have that font installed on their machines, otherwise you have to have them download it and install it...
jeffamaphone
If you want to create a banner, perhaps you should just have the image created on your server.Consider using a graphics library like GD to programatically add the text to the background image.
futureelite7
+5  A: 

You can use a font service like WhatTheFont.com to find a closest match.

As for your second question, you can create a table the size of your background image, and use css to set the background of the table to that. Afterwards, just input the text in the table cell and use

style="text-align: center;"

to center the text.

You might want to use Photoshop to wipe the original text in background, as noted above.

futureelite7
Use a div over a table.
ryanulit
What ryanulit said - there's no justification for a table here, and I'd add the inline style is sub-optimal compared to CSS applied too.
annakata
+1  A: 

You should use what the font to identify it.

http://new.myfonts.com/WhatTheFont/

Justanotheraspiringdev
+2  A: 

It looks like Garamond. It is the same font used in this document:

http://www.hud.gov/united-we-serve/united-we-serve.pdf

It is distinguishable by the fact that the vertical lines inside of the W cross over each other.

In order to use the font successfully on your web page, it has to be installed on the computer of the user viewing it. Garamond is an Adobe font used on Apple Mac computers, and it's installed on my stock Windows XP computer, so I imagine almost everyone has it already.

Robert Harvey
+1  A: 

You can create this type of look using your programming skils (thus avoiding photoshop) by using SIFR. It really works great with dynamic sites. We use it often (see h1s here). Info on SIFR is here

smercer
A: 

Cufon may provide what you need to embed a non-system font in a HTML page: http://cufon.shoqolate.com/generate/

There are a few caveats when it comes to licensing, and a few browser issues, but it works fairly well for the most part - certainly better than sifr.

Meep3D