我在wordpress中設計了一個模板，現在我在css/html中編寫它，但似乎瀏覽器沒有使用我的字體。Lucida格蘭德字體不夠輕薄
的Photoshop：
瀏覽器：
這是我的CSS
h1 { font-size: 34px; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-weight: 100; }
Photoshop中的字體是很好的可讀性規則。
切勿在網站中使用平臺特定的字體（僅限Mac /僅Windows字體）它在操作系統本身的瀏覽器&之間的表示上有很大不同。如果您網站的訪問者沒有該字體，它將回退到您的font-family字體堆棧中指定的下一個字體。
建議在網站中使用網頁字體。作爲替代，您可以在Google Fonts中找到類似的字體。
但是，上述內容並不適用於大多數非Unicode語言，特別是CJK（中文，日文和韓文）。以中文爲例，由於中文具有廣泛的字符，因此製作網頁字體爲中文，因爲字體的文件大小會非常大（有一些中文網頁字體，但大多數都是> 10MB;沒有訪客耐心等待字體加載一分鐘才能閱讀一個漂亮的字體）
感謝所有的答案。 我固定它使用「龍力三世統一」字體和「字母間距」 CSS屬性。
對於大家的是，有我同樣的問題，這裏的我的解決方案
h1 { font-family: 'Lucida Sans Unicode', sans-serif; font-size: 34.14px; text-align: center; font-weight: 100; letter-spacing: 0.6px; }
我敢打賭，你沒有包括字體的網絡字體腳本，並直接在你的電腦中使用字體。嘗試查找Web字體版本。 – Raptor
瀏覽器和Photoshop中的字體渲染有很大的不同。在Photoshop中，你永遠不會在所有瀏覽器中獲得完全相同的結果。歡迎來到現實。 – deceze
[在窗口中使用Lucida Grande]的可能重複（http://stackoverflow.com/questions/4375353/using-lucida-grande-in-windows） – Raptor