为什么 Internet Explorer 9 渲染 Arial 比其他浏览器更强？答案

【问题标题】：Why does Internet Explorer 9 render Arial stronger than other browsers?为什么 Internet Explorer 9 渲染 Arial 比其他浏览器更强？
【发布时间】：2012-01-30 08:55:21
【问题描述】：

由于某些原因，IE9 使 Arial 字体比其他浏览器更粗，例如：IE7、IE8、Chrome 和 Firefox。我在 CSS 中查找了原因，但没有发现任何错误。

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

您可以在随附的屏幕截图中看到不同之处，也可以在这个临时链接中找到它： http://pat.co.il/shirg/matanuziel.com/

任何想法都会受到赞赏。谢谢

【问题讨论】：

只是在您的网站上出现此问题还是所有网站都使用 arial 字体？
好点。我尝试使用一些浏览器查看 cnn.com，但看起来都一样。这就是为什么我认为这与我的网站有关。
是的，他们已将 IE 9 中的渲染引擎更改为使用 DirectWrite，就像 Firefox 4+ 一样。我不在乎它；它使文本看起来很模糊。其他人似乎对此感到兴奋，就像整个 DirectWrite 团队一样。这不是您的网站或 CSS 的问题，而是一大群有影响力的开发人员眼中的问题。
但我应该补充一点，我认为您不应该尝试“修复”它。使用 IE 9 和其他采用 DirectWrite 作为文本渲染引擎的浏览器的人习惯这种行为——这对他们来说似乎很正常，因为他们所有的其他网页都以相同的方式渲染。鉴于每个人都知道that webpages don't need to look exactly the same in all browsers，让您的文本以浏览器想要的方式呈现会更容易，也不会那么痛苦。
@CodyGray 是绝对正确的。正如我之前提到的，这是一个微不足道的问题。感谢您的幸运星，this 是您所关心的，而不是更可笑和难以处理的事情。

标签： css fonts internet-explorer-9

【解决方案1】：

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

Internet Explorer 9 使用子像素定位的 ClearType 通过 DirectWrite 呈现文本。与其他浏览器相比，这可能会导致呈现差异，这是预期的行为。正如您所看到的那样，它可能会导致文本更加模糊。

附带说明一下，如果您想使用非标准字体并让它们（合理地）为所有用户呈现，您应该考虑使用TypeKit。请注意，浏览器之间的渲染差异仍然很小，可能与您在此处遇到的数量级相同。

正如 Alan 所说，使用 normalize.css 是个好主意。

【讨论】：

喜欢为漂亮的 CSS3 功能开发 hack 以满足它应该在 IE6 中最佳工作的要求？ ://
@fabianhjr 完全正确。或者更糟。
有什么解决办法吗？像Cufon（我从来没用过）？
@ShirGans 看看关于 TypeKit 的第 3 段。
谢谢大家。我会尝试使用它。

【解决方案2】：

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

【讨论】：

谢谢。它看起来是一个很好的起点。我添加它来检查，但它对字体问题没有帮助。我没有任何帮助，我会尝试更深入地了解它。
@ShirGans 事实证明这不是问题。但这仍然是一个很好的建议。