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

【问题标题】：Weird sans-serif and serif font in IE9 and IE10IE9 和 IE10 中奇怪的无衬线和衬线字体
【发布时间】：2011-12-07 02:03:55
【问题描述】：

我正在开发我的投资组合网站：

一切都在 Firefox 和 Chrome 中检查，但是当我在 IE9 和 IE10 上打开它时，整个页面的文本（除了网络字体标题和“我实现梦想”短语之外）被分配了一个奇怪的未知数字体。

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

<html lang="en">

在 CSS 中我得到了

body {
    font: 12px/16px serif
}

假设上面应该告诉以默认的基于拉丁语的衬线字体呈现页面，这是 Times New Roman 并没有用户更改它。

究竟发生了什么？

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

更新：下面的IE9截图。

【问题讨论】：

【解决方案1】：

截图中的字体是Batang，它出现是因为它是通用字体名称serif在IE中映射到的（在几个版本中）。

【讨论】：

【解决方案2】：

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

【讨论】：

不，没有Content-Language。我可以通过运行wget -q --save-headers http://timdream.org/ -O - | less 来判断