Mozilla Firefox和Internet Explorer之間的字體差異

我敢打賭，這是一個很常見的問題，我認爲這個問題無法解決，但至少我會嘗試。Mozilla Firefox和Internet Explorer之間的字體差異

檢查這一形象了：

轉到以下網址查看大圖：http://i.imgur.com/nHPNr.jpg

HTML代碼：

<div style="font-family: Arial, sans-serif; font-size: 60px; letter-spacing: 0px; padding: 0; margin: 0;">TEXT GOES HERE</div>

正如你所看到的，字體看起來不一樣。有什麼辦法可以解決這個問題嗎？

任何想法？

2012-06-01 Robinjoeh

您能否顯示用於在圖像中創建文本的確切HTML？另外，你可以硬編碼的字體重量，看看它是否有所作爲？ – JohnFx

我已經試過字體重量，數字和alfabetic。文本的大小發生了變化，但IE和FF仍然存在差異。我在主題中粘貼的HTML代碼是我目前使用的所有內容。（當然，這僅僅是爲了測試的目的） – Robinjoeh

有一種解決問題的方法：將其作爲圖像。

如何呈現文本取決於很多因素，如安裝的字體，操作系統，渲染校準，字體平滑和渲染參數。如果任何這些參數不同，結果會有所不同。

如果您檢查圖像，您將看到瀏覽器使用不同的參數進行字體平滑，而其他參數也可能不同。

在不同的瀏覽器中呈現文本時，您無法期望獲得相同的結果。

2012-06-01 12:10:54 Guffa

是從一開始我就想到的。關閉了，謝謝！ – Robinjoeh

Lettering.js是一個jQuery插件，可用於精確確定字母。結果可能有所不同

2012-06-01 12:22:33 Kashyap

「的精度，結果可能會有所不同」......好笑。 – kingjeffrey

回答