IE9：错误呈现Arial（更大胆）

Question

我在Chrome，FF和IE8中测试了我的页面，所有浏览器都以这种方式呈现文字：

定义如下：

font-family: 'Arial', sans-serif;
font-size: 0.75em;  
font-weight: bold;

我尝试用不同的方式声明Arial，使用px而不是em，并且还定义了数量（600,800）...但是IE9仍然呈现比其他浏览器“更大胆”：

有任何帮助吗？感谢

Answer 1

你可能有一个不同的问题，因为你说你尝试过600的权重，但一般来说，当你告诉IE 9将Arial渲染为粗体时，你最终看到的不是{ {1}}，但Arial。此切换适用于Arial Black和font-weight的{​​{1}}。

要在IE 9中使用粗体800而不切换到900，请使用...

Arial

这也应该解决Firefox中的相同问题。

Answer 2

此问题之前已经在StackOverflow上answered。 这是一个浏览器问题，IE9渲染字体不同。它使用名为DirectWrite的ClearType技术。

我个人认为，这不是一个大问题。网站在每个浏览器中都不会看起来绝对相似。如果它真的困扰你，可以添加IE-Hacks（例如强制浏览器使用IE8渲染），但我不推荐它。

Answer 3

为了衡量，您可以将元标记放入HTML中作为快速解决方法，这将告诉IE9模拟IE8，恢复原始渲染。

要执行此操作，请在您的部分中放置<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />。

然而，这将以您可能需要的其他IE9功能为代价，例如更好的HTML5和CSS3支持。

Answer 4

IE通常会让我感到头疼。 我要做的是使用条件CSS并从IE css中删除粗体

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="/ie9.css" />
<![endif]-->

然后像这样定义

font-family: 'Arial', sans-serif;
font-size: 0.75em;  

Answer 5

当我意外地在body标签上设置font-weight:bold时，我遇到了这个问题。出于某种原因，IE9使我的所有Arial文本比其他浏览器更大胆。