<!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吗?或者如果没有它,看起来就不合适)吗?
谢谢!
最佳答案
实际上,这似乎是一个功能。如果打开开发人员工具栏(F12),选择“脚本”选项卡,然后在此测试页上单击“刷新”,您应该看到类似以下内容:CSS3117: @font-face failed cross-origin request. Resource access is restricted.font?kit=_tMhxyW6i8lbI7YsUdFlGA
看起来这是用different post回答的。
关于internet-explorer - ie9的doctype和字体?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5124531/