2009-06-26 88 views
0

WhiteHouse中這張圖中的字體看起來很專業。什麼是字體?它只是時代新羅馬?什麼是這個字體?和CSS Help

另外,有沒有人知道如何使用CSS創建如下圖所示的東西? (所以我可以保留在圖像中的一切,但改變文字)

謝謝!

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

+2

這實際上是一個如何使用Photoshop的問題,而不是一個編程問題。 – ICodeForCoffee 2009-06-26 02:48:25

+0

我希望能夠在不學習photoshop的情況下至少獲得html/css中的字體。 – chris 2009-06-26 02:49:47

+2

如果它是非標準字體/古怪字體,則不能保證用戶將其安裝在他們的計算機上。保證它實際上正確渲染的唯一方法就是使用圖像。 – ICodeForCoffee 2009-06-26 02:52:54

回答

5

可以使用的字體服務一樣WhatTheFont.com找到最接近的匹配。

至於你的第二個問題,你可以創建一個表的背景圖像的大小,並使用CSS來設置表的背景。之後,只需在表格單元格中輸入文本並使用

style="text-align: center;" 

將文本居中。

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

2

它看起來像Garamond。它是本文檔中使用相同的字體:

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

這是由以下事實區分,所述垂直線將W彼此交叉的內側。

爲了在您的網頁上成功使用字體,它必須安裝在查看它的用戶的計算機上。 Garamond是Apple Mac電腦上使用的Adobe字體,它安裝在我的股票Windows XP電腦上,所以我想幾乎每個人都已經擁有它。

1

通過使用SIFR,您可以使用編程skils(從而避免使用Photoshop)創建此類外觀。它對動態網站非常有用。我們經常使用它(請參閱h1s here)。在SIFR信息是here

0

的Cufón可以提供你需要在一個HTML頁面中嵌入一個非系統字體是什麼: http://cufon.shoqolate.com/generate/

有幾個注意事項,當談到牌,和一些瀏覽器的問題,但大多數情況下效果相當好 - 當然比sifr更好。

0

Garamond現在可以通過Adobe獲得許可,通過TypeKit與@ font-face一起使用。

因此,藉助一點Font-face和CSS3魔法,您可以非常輕鬆地創建此效果而不訴諸圖像。