这是什么字体?和CSS帮助

时间:2009-06-26 02:40:19

标签: html css fonts

来自WhiteHouse的此图片中的此字体看起来非常专业。字体是什么?它只是Times New Roman吗?

另外,是否有人知道如何使用CSS创建类似下图的内容? (所以我可以保留该图像中的所有其他内容,但更改文本)

谢谢!

alt text http://www.whitehouse.gov/assets/hero/hero_bkgd_united_we_serve.jpg

7 个答案:

答案 0 :(得分:5)

您可以使用WhatTheFont.com之类的字体服务来查找最接近的匹配。

关于第二个问题,您可以创建一个与背景图像大小相同的表格,并使用css将表格的背景设置为该表格。然后,只需在表格单元格中输入文本并使用

style="text-align: center;" 

以文字为中心。

如上所述,您可能希望使用Photoshop在背景中擦除原始文本。

答案 1 :(得分:2)

看起来像Garamond。它与本文档中使用的字体相同:

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

可以区分W内部的垂直线相互交叉的事实。

为了在您的网页上成功使用该字体,必须将其安装在查看它的用户的计算机上。 Garamond是Apple Mac计算机上使用的Adobe字体,它安装在我的Windows XP计算机上,所以我想几乎每个人都已经拥有它。

答案 2 :(得分:1)

您应该使用字体来识别它。

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

答案 3 :(得分:1)

您可以使用SIFR使用编程技巧创建这种类型的外观(从而避免使用photoshop)。它非常适合动态网站。我们经常使用它(参见h1s here)。关于SIFR的信息是here

答案 4 :(得分:0)

答案 5 :(得分:0)

Cufon可能会提供在HTML页面中嵌入非系统字体所需的内容: http://cufon.shoqolate.com/generate/

在许可和一些浏览器问题上有一些注意事项,但它在大多数情况下运行得相当好 - 肯定比sifr好。

答案 6 :(得分:0)

Garamond现在可以通过Adobe获得许可,通过TypeKit与@ font-face一起使用。

因此,通过一些Font-face和CSS3魔术,您可以轻松创建此效果而无需借助图像。