相同的字體呈現不同的跨越FF7和Chrome

這是很明顯的是，我的網站使我Win7的機器上Chrome和FF7不同

我使用這個：

h1, h2 {font-family: "Lucida Grande", "Helvetica Neue", Arial; }

有人可以指點我怎麼能甚至這些差異？我不想在每個瀏覽器上使用不同的'感覺'字體。

字體，很好的可讀性安裝在我的Windows機器

編輯：字體重量：正常的重要

無法正常工作或

2011-10-10 elvista

嘗試設置特定的字體權重，默認值可能因瀏覽器而異。 – Lyth

字體總是會呈現從一個瀏覽器到另一個稍微不同，但這是比平常多一點差異。可能是因爲標頭默認爲font-weight: bold;，並且字體沒有大膽的變化，所以瀏覽器以不同的方式從常規重量創建粗體。

無論如何，你可能想要使用更常見的字體。在我的Windows 7機器上既沒有Lucida Grande也沒有Helvetica Neue，所以它會使用Arial渲染。不過，我還有MS Office和Photoshop附帶的其他字體，所以我安裝了比標準系統更多的字體。

此外，你應該始終指定通用字體作爲最後的手段，在這種情況下sans serif，否則會使使用默認的字體，如果安裝沒有任何字體，這是一樣的東西Times Roman具有完全不同的外觀。也許還需要添加Helvetica，這是非Windows系統上最接近的Arial。

2011-10-10 07:01:30 Guffa

我的Lucida Grande安裝在我的系統中，不會工作嗎？（託管在本地主機）剛剛嘗試過'font-weight：normal'！important。 No go：/ – elvista

@Hussain M Elius：只要您只在自己的計算機上查看該頁面，該功能就可以工作，但如果要發佈該網站，則必須依賴訪問者計算機上安裝的字體。您可以考慮使用可下載的字體，例如http://www.google.com/webfonts – Guffa

嗯。我想我會嘗試一個WebFont。感謝Guffa的幫助。 – elvista

它看起來像兩個瀏覽器渲染它用不同的重量。

我能想到兩種可能性，但我不知道是否正確。

您請求了粗體字體，但該字體不能用粗體顯示。一個瀏覽器只是顯示不變的常規非粗體變體，而另一個瀏覽器將其處理爲粗體。
您請求了一個特定的字體重量，比如說「粗體」或「600」，但是安裝的字體與該權重並不完全匹配。一個瀏覽器正在替換字體的「超粗體」變體，另一個是「常規粗體」，或者這種性質的東西。

如果其中任何一個是正確的，你可以玩font-weight CSS property來嘗試和改變它。但是，如果在沒有Lucida Grande字體的系統上查看它，則可能會影響替換選擇的字體。

2011-10-10 06:54:45 thomasrutter

邏輯回答，除了我設置了屬性的'{font-weight：normal！important}'。字體「Lucida Grande」也安裝在我的系統中。現在我只是在我的本地主機上進行測試，即使在這裏，問題也很突出。 – elvista

回答