出于某种原因,IE9渲染的Arial字体比其他浏览器更大胆,例如:IE7,IE8,Chrome和Firefox。我在CSS中找到了原因但找不到任何错误。
发生的另一件事是我的网站大部分时间都有1或2像素的字间距,但IE9显示它太宽,所以我用正常的字间距为它制作了条件css。
您可以在附加的屏幕截图中看到差异,也可以在此临时链接中找到它: http://pat.co.il/shirg/matanuziel.com/
任何想法将不胜感激。 感谢
答案 0 :(得分:5)
问题在于浏览器,而不是您的网站。
Internet Explorer 9使用定位ClearType的子像素来使用DirectWrite呈现文本。与其他浏览器相比,这可能导致渲染差异,并且是预期的行为。它可能会导致文字稍微模糊,就像你看到的那样。
作为旁注,如果您想使用非标准字体并让它们(合理地)为所有用户渲染,则应考虑使用TypeKit。请注意,浏览器之间仍然存在较小的渲染差异,可能与您在此处遇到的数量级相同。
正如艾伦所说,使用normalize.css是一个好主意。
答案 1 :(得分:0)
值得一看normalize.css。我不知道它是否会解决你的具体问题,但我发现这是一个不错的起点。