6
<!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> 

显示铬和Firefox中的字体...但在ie9中,如果我添加文档类型行,它会中断!?没有它就能正常工作。ie9 doctype和字体?

我想在所有三种浏览器中使用它(使用doctype?因为有时候像css这样的其他东西依赖于doctype在那里?或者如果没有它,看起来不正确)?

谢谢!

回答

3

其实,这看起来是一个功能。如果你把开发工具(F12)上,选择“脚本”选项卡,并创下刷新这个测试页面上,你会看到这样的事情:

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

它看起来像这样在被回答different post

0

如果我添加

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

然后我就可以回来添加DOCTYPE线不破的字体在IE9 ..

谢谢:)

+0

但仍http://www.google.com/webfonts/preview工作在IE9模式,这样IDK的 – 2011-02-26 20:07:31

+1

不是一个真正的解决办法,但...它可能会解决您的字体,但它会破坏很多其他的事情,如果你摔倒回到IE8模式。 : -/ – Spudley 2011-02-26 20:27:28

+1

的差异可能是在谷歌的预览网站正在从同一个域的页面服务的字体,但在你的字体正在从不同的域提供。 – Gaurav 2011-02-28 07:34:35

2

能不能请你添加的内容在STYLE元素中添加一个css文件,并用引用它的LINK元素替换STYLE?

IE执行内嵌脚本外部脚本之前,这可能是类似的bug /特征。

+0

似乎与外部css一样 – 2011-03-10 01:55:00