3

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

在此处输入图像描述

它的定义如下：

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

我尝试过以不同的方式声明 Arial，使用 px 而不是 em 并且还定义了数字（600、800）的权重......但 IE9 的渲染仍然比其他浏览器“更大胆”：

在此处输入图像描述

有什么帮助吗？谢谢

4

5 回答 5

6

600您可能会遇到不同的问题，因为您说您尝试Arial了. 这种切换将发生在 和 的s上。ArialArial Blackfont-weight800900

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

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

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

于 2012-08-28T18:30:21.370 回答
5

这个问题之前已经在 StackOverflow上回答过了。这是一个浏览器问题，IE9 呈现不同的字体。它使用一种称为 DirectWrite 的 ClearType 技术。

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

于 2012-04-12T10:47:27.737 回答
4

只是为了权衡一下，您可以在 HTML 中放置一个元标记作为一种快速解决方法，它会告诉 IE9 模拟 IE8，恢复原始呈现。

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

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

于 2012-04-12T10:53:37.097 回答
1

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;
于 2012-04-12T10:42:03.710 回答
0

font-weight:bold当我不小心设置了 body 标签时，我遇到了这个问题。出于某种原因，IE9 使我所有的 Arial 文本都比其他浏览器更粗。

于 2012-04-12T10:48:20.047 回答