IE9 和 IE10 中奇怪的无衬线和衬线字体
我正在开发我的作品集网站:
一切都在 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 中的屏幕截图。
I am working on my portfolio website:
Everything checks out in Firefox and Chrome, but when I open it up on IE9 and IE10, the text of the entire page (apart from the web font header and the "I realise dreams" phrase) was being assigned a weird unknown font.
I've double checked all the code, where in HTML I got
<html lang="en">
and in CSS I got
body {
font: 12px/16px serif
}
supposedly the above should tell to render the page in default Latin-based serif font, which is Times New Roman had user not change it.
What happened exactly?
Note: source code available for testing at https://github.com/timdream/timdream.github.com . Remove appCache manifest to prevent enabling it in Chrome when testing.
Update: screenshot in IE9 below.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
屏幕截图中的字体是 Batang,之所以出现是因为它是 IE(在多个版本中)中映射到通用字体名称
serif
的字体。有关于此的更多注释,请参阅
<一href="https://webmasters.stackexchange.com/questions/34399/unknown-css-font-family-oddity-with-ie7-10-on-windows-vista-7-8">https://webmasters. stackexchange.com/questions/34399/unknown-css-font-family-oddity-with-ie7-10-on-windows-vista-7-8
The font in the screenshot is Batang, and it appears because it is what the generic font name
serif
is mapped to in IE (in several versions).For some more notes on this, see
https://webmasters.stackexchange.com/questions/34399/unknown-css-font-family-oddity-with-ie7-10-on-windows-vista-7-8
您的网络服务器是否可能包含覆盖您的
lang="en"
的 Content-Language HTTP 响应?Is it possible that your web server is including a Content-Language HTTP response that is overriding your
lang="en"
?