我已经在Chrome、FF和IE8中测试了我的页面,所有的浏览器都以这种方式呈现文本:
它被定义为:
font-family: 'Arial', sans-serif;
font-size: 0.75em;
font-weight: bold;
我尝试了以不同的方式声明Arial字体,使用px代替em,并且也用数字(600、800)定义了字重…但是IE9仍然比其他浏览器呈现出更“粗”的效果:
有什么帮助吗?谢谢
我已经在Chrome、FF和IE8中测试了我的页面,所有的浏览器都以这种方式呈现文本:
它被定义为:
font-family: 'Arial', sans-serif;
font-size: 0.75em;
font-weight: bold;
我尝试了以不同的方式声明Arial字体,使用px代替em,并且也用数字(600、800)定义了字重…但是IE9仍然比其他浏览器呈现出更“粗”的效果:
有什么帮助吗?谢谢
600
的字体,但通常情况下,当您告诉IE 9将Arial
呈现为粗体时,您最终看到的不是Arial
,而是Arial Black
。这种切换会在800
和900
的font-weight
中发生。Arial
而不切换到Arial Black
,请使用...font-family: Arial, sans-serif;
font-size: 0.75em;
font-weight: 700;
只是为了参与讨论,你可以在你的HTML中加入一个meta标签作为快速解决方法,告诉IE9模仿IE8,以恢复原始渲染。
要实现这一点,在您的 <head>
中加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
。
然而,这将牺牲其他您可能需要的IE9功能,比如更好的HTML5和CSS3支持。
一般来说,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;
我在设置了body标签的font-weight:bold
时遇到了这个问题。不知何故,IE9渲染出来的Arial文本比其他浏览器更加粗体。