2014-09-05 125 views
8

我试图使用谷歌字体'奥斯瓦尔德'。当我把它嵌入到我的网页在recommended way谷歌字体给出:没有“访问控制允许来源”标题出现在请求的资源

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> 

铬引发以下错误:在谷歌的一部分

XMLHttpRequest cannot load http://fonts.googleapis.com/css?family=Oswald:400,300,700. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://<<redacted>>' is therefore not allowed access. 

这只是一个错误还是我做错了什么?

+0

顺便说一句,你不应该使用'来在HTML标签中分隔参数值。这不是标准的,而是错误的。 – Qualcuno 2014-09-15 21:03:18

+3

@Qualcuno呃,谢谢,但是那是直接从Google Fonts页面复制的。 https://www.google.com/fonts#UsePlace:use/Collection:Oswald – deweydb 2014-09-15 22:42:39

回答

24

原来这是与prefixfree

解决冲突是“数据noprefix”添加到链接标签,就像这样:

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css' data-noprefix> 
+1

您还应该注意不要使用'http://'而应该只使用'''而不是' – 2014-09-15 22:24:07

+0

谢谢,但我遇到了问题与/ /过去在一些浏览器。如果该网站没有SSL证书,我不明白为什么这很重要。 – deweydb 2014-09-15 22:43:15

+0

不,但它意味着你不能安装一个没有它导致通知的SSL – 2014-09-16 09:52:30

相关问题