IE9和IE10中的奇怪的无衬线字体和衬线字体

时间:2011-10-13 15:36:27

标签: css fonts internet-explorer-9

我正在我的投资组合网站上工作:

http://timdream.org/

所有内容都在Firefox和Chrome中检出,但是当我在IE9和IE10上打开它时,整个页面的文本(除了网络字体标题和“我实现梦想”这个短语)被分配了一个奇怪的未知字体。

我已经仔细检查了所有代码,我在HTML中得到了

<html lang="en">

在CSS中我得到了

body {
    font: 12px/16px serif
}

据说上面应该告诉我们以默认的拉丁语serif字体呈现页面,这是Times New Roman让用户不改变它。

究竟发生了什么?

注意:可在https://github.com/timdream/timdream.github.com进行测试的源代码。删除appCache清单以防止在测试时在Chrome中启用它。

更新:以下IE9中的屏幕截图。

Screenshot

2 个答案:

答案 0 :(得分:2)

屏幕截图中的字体是Batang,它出现是因为它是通用字体名称serif在IE中映射到的(在几个版本中)。

有关此问题的更多说明,请参阅 https://webmasters.stackexchange.com/questions/34399/unknown-css-font-family-oddity-with-ie7-10-on-windows-vista-7-8

答案 1 :(得分:1)

您的网络服务器是否可能包含覆盖lang="en"的内容语言HTTP响应?