为什么Internet Explorer 9渲染Arial比其他浏览器更强？ [英] Why does Internet Explorer 9 render Arial stronger than other browsers?

问题描述

由于某种原因，IE9渲染Arial字体比其他浏览器更大，例如：IE7，IE8，Chrome和Firefox。我在CSS中寻找原因，但找不到任何错误。

另一件事情是，我有大约1或2像素的字间距我的网站，但IE9显示它太宽，所以我做了条件css它与正常的字间距。

您可以看到附加的屏幕截图，也发现它在这个临时链接：
。请注意，跨浏览器的渲染差异仍然很小，可能与您在此处所遇到的同一数量级。

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

For some reason IE9 renders Arial font bolder than other browsers such as: IE7, IE8, Chrome, and Firefox. I have looked for the reason in the CSS but couldn't find anything wrong.

Another thing that happened is that I had word-spacing of 1 or 2 pixels in most of my website, but IE9 showed it too wide, so I made conditional css for it with normal word-spacing.

You can see the difference in the attached screenshot, and also find it in this temporary link: http://pat.co.il/shirg/matanuziel.com/

Any ideas will be appreciated. Thanks

解决方案

The problem is the browser, not your site.

Internet Explorer 9 uses sub-pixel positioned ClearType to render text by using DirectWrite. This can cause rendering differences compared to other browsers and is expected behavior. It can cause text to blur slightly more, just as you're seeing.

---

As a side note, you should consider using TypeKit if you want to use non-standard fonts and have them render (resonably) well for all users. Note that there will still be minor rendering differences across browsers, probably on the same order of magnitude as what you're experiencing here.

And as Alan stated, using normalize.css is a good idea.

这篇关于为什么Internet Explorer 9渲染Arial比其他浏览器更强？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！