ie9 文档类型和字体?

发布于 2024-10-19 10:44:04 字数 588 浏览 9 评论 0原文

<!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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

一城柳絮吹成雪 2024-10-26 10:44:04

事实上,这看起来是一个功能。如果您打开开发人员工具栏 (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.

匿名。 2024-10-26 10:44:04

您能否尝试将 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.

岁月静好 2024-10-26 10:44:04

如果我添加

<meta http-equiv="X-UA-Compatible" content="IE=8" />

,那么我可以将 doctype 行添加回来,而不会破坏 ie9 中的字体..

谢谢:)

if i add

<meta http-equiv="X-UA-Compatible" content="IE=8" />

then i can add the doctype line back in without breaking the fonts in ie9..

thanks :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文