为什么Internet Explorer 9渲染Arial比其他浏览器更强大?

时间:2011-12-30 05:06:00

标签: css fonts internet-explorer-9

出于某种原因,IE9渲染的Arial字体比其他浏览器更大胆,例如:IE7,IE8,Chrome和Firefox。我在CSS中找到了原因但找不到任何错误。

发生的另一件事是我的网站大部分时间都有1或2像素的字间距,但IE9显示它太宽,所以我用正常的字间距为它制作了条件css。

您可以在附加的屏幕截图中看到差异,也可以在此临时链接中找到它: http://pat.co.il/shirg/matanuziel.com/ chrome on the left, ie9 on the right

任何想法将不胜感激。 感谢

2 个答案:

答案 0 :(得分:5)

问题在于浏览器,而不是您的网站。

Internet Explorer 9使用定位ClearType的子像素来使用DirectWrite呈现文本。与其他浏览器相比,这可能导致渲染差异,并且是预期的行为。它可能会导致文字稍微模糊,就像你看到的那样。


作为旁注,如果您想使用非标准字体并让它们(合理地)为所有用户渲染,则应考虑使用TypeKit。请注意,浏览器之间仍然存在较小的渲染差异,可能与您在此处遇到的数量级相同。

正如艾伦所说,使用normalize.css是一个好主意。

答案 1 :(得分:0)

值得一看normalize.css。我不知道它是否会解决你的具体问题,但我发现这是一个不错的起点。