Question

<!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？或者如果可能的话，它看起来不正确？）

谢谢！

Answer 1

实际上，这看起来是一个功能。如果打开开发人员工具栏（F12），选择“脚本”选项卡，并在此测试页面上点击刷新，您应该看到如下内容：

CSS3117: @font-face failed cross-origin request. Resource access is restricted. font?kit=_tMhxyW6i8lbI7YsUdFlGA

看起来这是在different post中解答的。

Answer 2

您能否尝试将STYLE元素中的内容添加到css文件中，并将STYLE替换为引用它的LINK元素？

IE在外部脚本之前执行内联脚本，这可能是类似的错误/功能。

Answer 3

如果我添加

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

然后我可以重新添加doctype行，而不会破坏ie9中的字体。

谢谢：）

ie9 doctype和字体？

3 个答案: