Google字体无法正常显示错误＆＃34; No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上＃34;

Question

抱歉，伙计们，这可能是重复但我还没有找到解决方案

我一直在为我的所有项目使用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.

我已经在线查看并在stackoverflow上阅读了一些有关此事的答案，但未能找到解决方案。谷歌字体发生了什么，有没有办法解决这个问题？我想找一个简单而有效的解决方案，请帮忙。

Answer 1

在 htaccess 文件中进行如下更改，以便您获得访问权限

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

Answer 2

Google字体不会导致Chrome出现此类错误（字体已经使用Access-Control-Allow-Origin标头=“*”提供。）

如果仍然如此，如果您可以快速打开chrome：// network-internals并单击导出以保存最新网络请求的转储，将会有所帮助。

如果您可以重新解决此问题，请按以下步骤操作：

1. 关闭所有额外标签
2. open chrome：// net-internals
3. 在另一个标签中，重现问题
4. 返回chrome：// net-internals选项卡，填写一些说明，点击“保存到文件”。

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

注意：转储可能包含您可能不想共享的无关网络请求，在共享原始文件时请务必小心。

Answer 3

这是一个旧问题的答案，但希望它会帮助某人。

如果您使用http访问Google Maps API或字体，请尝试使用https版本。

我长期以来一直坚持这个问题，除了这个解决方案之外没有其他解决方案。