2014-12-19 52 views
1

对不起你们,这可能是重复的,但我没有找到一个解决方案尚未谷歌字体没有工作给了一个错误“否‘访问控制允许来源’标头出现在所请求的资源”

我一直在为我的所有项目使用Google字体。近来,有一些奇怪的事情发生,字体不加载,当我检查控制台我发现这个错误

Font from origin 'http://fonts.gstatic.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. 

我在网上查,看了一些答案在这里计算器关于此事,但没能找到解决方案。谷歌字体发生了什么,有没有办法消除这个问题?我想找到一个简单而有效的解决方案,请帮助。

回答

6

htaccess的进行更改文件如下使U将得到访问

<FilesMatch "\.(ttf|otf|eot|woff)$"> 
     <IfModule mod_headers.c> 
     Header set Access-Control-Allow-Origin "*" 
     </IfModule> 
    </FilesMatch> 
+0

谢谢@Prashant – 2014-12-19 07:15:18

+1

@dani_chikaka:如果我的回答是正确的,然后打勾标记为答案。 – 2014-12-19 07:20:48

+0

我是否正确假设这段代码需要在远程服务器上(而不是本地服务器) - 我将它添加到本地服务器,并且没有任何更改(当然,fonts.gstatic.com已经在它们的服务器上有这个) – 2015-10-09 00:54:50

1

谷歌的字体不应该导致在Chrome这样的错误(字体已经与访问控制,允许 - 服Origin header =“*”)。

如果这仍然发生,这将有助于如果你可以快速打开Chrome://网络内部,然后单击导出保存最新的网络请求的转储。

如果你能摄制的问题,请按照下列步骤操作:

  1. 接近任何额外的标签
  2. 打开Chrome://网内部在不同的标签
  3. ,重现该问题
  4. 回到铬://网内部标签,填补了一些描述,点击“保存到文件”。

接下来,在net-internals下拉列表中选择“capture”并单击stop。 最后,在网内部下拉列表中选择“事件”,搜索fonts.gstatic.com,复制粘贴相关的条目。

注意:转储可能包含您可能不想共享的无关网络请求,请谨慎分享原始文件。

0

这是一个答案,一个老问题,但希望它会帮助别人。

如果您正在访问谷歌地图API或使用http的字体,请尝试使用HTTPS版本代替。

我在这个问题上长期停滞不前,除了这个之外,没有任何解决方案能够工作。

相关问题