IE9:错误呈现Arial(更大胆)

pis*_*hio 3 html css internet-explorer

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

在此输入图像描述

定义如下:

font-family: 'Arial', sans-serif;
font-size: 0.75em;  
font-weight: bold;
Run Code Online (Sandbox Code Playgroud)

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

在此输入图像描述

有帮助吗?谢谢

Dav*_*lar 6

你可能有一个不同的问题,因为你说你尝试过一个重量600,但一般来说,当你告诉IE 9渲染Arial为粗体时,你最终看到的不是Arial,但是Arial Black.这个开关将发生font-weight800900.

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

font-family: Arial, sans-serif;
font-size: 0.75em;  
font-weight: 700;
Run Code Online (Sandbox Code Playgroud)

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


aeb*_*old 5

这个问题之前已经在StackOverflow 上得到了解答.这是一个浏览器问题,IE9渲染字体不同.它使用名为DirectWrite的ClearType技术.

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