ie9 文档类型和字体?
<!doctype html>
<html>
<head>
<title>Test Ubuntu</title>
<link href="http://fonts.googleapis.com/css?family=Ubuntu:regular" rel="stylesheet" type="text/css" />
<style>
body { font-family: 'Ubuntu', sans-serif; }
</style>
</head>
<body>
Test Ubuntu
</body>
</html>
在 chrome 和 firefox 中显示字体...但是在 ie9 中,如果我添加 doctype 行,它就会中断!?没有它也能正常工作。
如果可能的话,我想让它在所有三个浏览器中工作(使用 doctype?因为有时像 css 这样的其他东西依赖于那里有 doctype?或者没有它看起来不正确)?
谢谢!
<!doctype html>
<html>
<head>
<title>Test Ubuntu</title>
<link href="http://fonts.googleapis.com/css?family=Ubuntu:regular" rel="stylesheet" type="text/css" />
<style>
body { font-family: 'Ubuntu', sans-serif; }
</style>
</head>
<body>
Test Ubuntu
</body>
</html>
shows the font in chrome and firefox... but in ie9, if i add the doctype line, it breaks!? works fine without it.
i would like to get it working in all three browsers (with doctype? because sometimes other stuff like css relies on having doctype there? or doesn't look right without it) if possible?
thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
事实上,这看起来是一个功能。如果您打开开发人员工具栏 (F12),选择“脚本”选项卡,然后在此测试页面上点击刷新,您应该会看到如下内容:
CSS3117:@font-face 跨域请求失败。资源访问受到限制。
font?kit=_tMhxyW6i8lbI7YsUdFlGA
看起来这是在 不同的帖子。
Actually, this looks to be a feature. If you turn on the developer toolbar (F12), select the "Script" tab, and hit refresh on this test page, you should see something like this:
CSS3117: @font-face failed cross-origin request. Resource access is restricted.
font?kit=_tMhxyW6i8lbI7YsUdFlGA
It looks like this is answered in a different post.
您能否尝试将 STYLE 元素中的内容添加到 css 文件中,并将 STYLE 替换为引用它的 LINK 元素?
IE 在外部脚本之前执行内联脚本,这可能是类似的错误/功能。
Can you please try to add the content in the STYLE element to a css-file and replace STYLE with a LINK element refering to it?
IE executes inline scripts before external scripts, this may be a similar bug / feature.
如果我添加
,那么我可以将 doctype 行添加回来,而不会破坏 ie9 中的字体..
谢谢:)
if i add
then i can add the doctype line back in without breaking the fonts in ie9..
thanks :)