在IE 9中无法正确显示字体大小

Noh*_*ohl 1 css internet-explorer-9

在网站上http://hanling.focusww.com

与Firefox,Chrome或Safari相比,h2标记中的标题文本在IE 9中非常庞大。

我正在寻找解决此问题的建议。

这是一个WordPress站点。

(此帖子是从Wordpress Stack交易所迁移的)

建议的答案:如果您要迁移,请检查此内容以获得可能的答案。

似乎IE9并非在所有字体上都能很好地发挥作用,因此您可能希望为IE9提供自己的字体以进行阅读,请参见此处https://github.com/twitter/bootstrap/issues/3116,此处@ font-face在IE8中有效,但不能IE9

似乎是字体粗细问题

回应:我们没有嵌入任何字体。

tw1*_*w16 5

答案就在您的font-family声明中:

font-family: Bookman, serif;
Run Code Online (Sandbox Code Playgroud)

如果找不到Bookman,浏览器将退回到链中的下一个可用字体。在这种情况下,您只有一个后退,并且将其设置为serif

问题是Firefox退回其默认的衬线字体:Times New Roman,而IE9退回了其默认的衬线字体(不同):Batang。您可以通过将声明更改为以下内容来解决此问题:

font-family: Bookman, "Times New Roman", serif;
Run Code Online (Sandbox Code Playgroud)

因此,现在它将首先回退到Times New Roman,如果该字体不可用,则将回退到serif,这将是浏览器的默认serif字体。