IE10不會爲我的網站渲染清晰的字體？

我正在用Dreamweaver建立一個網站，並注意到IE瀏覽器（我在Win8上有IE10）不會渲染我的字體和Chrome一樣敏銳，請參閱示例圖片。 Firefox也有點關閉。這個問題在使用小粗體文本時更加註意。IE10不會爲我的網站渲染清晰的字體？

下面是14px的宋體加粗一個例子：

CSS：

body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
} 
.bold { 
    font-weight: bold; 
}

HTML：

<span class="bold">Hello</span>

也許問題是在瀏覽器中，而不是風格，但是有一個❖解決方案使訪問者的眼睛更輕鬆？

來源

2013-10-24 jayjay

字體渲染沒有單一的標準。 –

我有同樣的問題，你無能爲力。這是IEs渲染引擎。 – Liam

[與FF和Chrome相比，渲染字體與IE不同]（http://stackoverflow.com/questions/9574844/rendering-font-differs-from-ie-compared-to-ff-and-chrome） – Liam

讓我們放大，在你的例子仔細看看：

鉻： enter image description here 火狐： IE：

注意，Chrome和Firefox都清楚使用subpixel rendering（又名ClearType ），而IE不是。差異可能歸結於用戶設置（或者如果用戶沒有更改它們，則爲瀏覽器/ OS默認設置）。

特別是，儘管Chrome和Firefox執行自己的文本渲染，但IE使用OS的默認文本渲染設置。顯然，自Windows 8以來，ClearType has been disabled by default適用於Metro風格的應用程序，包括IE。不過，不要問我爲什麼。

無論如何，壞消息是，作爲一個Web開發人員，你可以做的事情不多。實際上，對於所有用戶，您甚至不能指望可能的（更不用說啓用），它僅適用於某些類型的顯示器。您只需接受文本渲染的細節會因用戶而異，具體取決於瀏覽器，操作系統，顯示硬件和用戶設置等諸多方面。

編輯：嗯，好吧，你可以嘗試使用像Cufón，但聽起來像亂打蒼蠅用大錘。在任何情況下，如果您在您的網站上使用全部文字，我預計它的表現會非常糟糕。

來源

2013-10-24 10:26:21

感謝您的意見，你的意思是我在使用Cufon的情況下的性能？大多數web開發人員對這個問題做了什麼？有更好的字體類型或建議的最小字體大小嗎？ – jayjay

是的，這個「可怕的表現」是指在所有文本中使用Cufón（並不是我曾經嘗試過，但這就是我所期望的）。無論如何，大多數開發人員所做的只是將字體渲染中的這些變體作爲一個事實接受，並嘗試在大多數瀏覽器上選擇看起來相當不錯且易讀的字體設置。總會有一些用戶的顯示設置看起來很糟糕，其中一些用戶甚至可能會喜歡這種方式 - 例如，一些視力不佳的用戶實際上發現禁用抗鋸齒功能_entirely_可以使文本更易於閱讀他們。 –

IE10不會爲我的網站渲染清晰的字體？

回答

相關問題