Fonts 谷歌字体不工作,出现错误;否';访问控制允许原点';标题出现在请求的资源上;

Fonts 谷歌字体不工作,出现错误;否';访问控制允许原点';标题出现在请求的资源上;,fonts,google-font-api,Fonts,Google Font Api,抱歉,伙计们,这可能是重复的,但我还没有找到解决方案 我所有的项目都使用谷歌字体。最近,发生了一些奇怪的事情,字体没有加载,当我检查控制台时,我发现了这个错误 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 t

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

我所有的项目都使用谷歌字体。最近,发生了一些奇怪的事情,字体没有加载,当我检查控制台时,我发现了这个错误

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在线查看并阅读了一些关于此事的答案,但未能找到解决方案。谷歌字体发生了什么,有没有办法解决这个问题?我想找到一个简单有效的解决方案,请帮助。

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

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

标题集访问控制允许原点“*”

谷歌字体不应在Chrome上导致此类错误(字体已与Access Control Allow Origin header=“*”)一起提供

如果这种情况仍然发生,如果您可以快速打开chrome://network-internals 然后单击导出保存最新网络请求的转储

如果您可以重新设置问题,请按照以下步骤操作:

  • 关闭任何额外的选项卡
  • 打开chrome://net-internals
  • 在其他选项卡中,复制问题
  • 回去chrome://net-internals 选项卡,填写一些说明,单击“保存到文件”
  • 接下来,在NetInternals下拉列表中选择“捕获”并单击stop。 最后,在net internals下拉列表中选择“事件”并搜索fonts.gstatic.com,复制粘贴相关条目


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

    这是一个老问题的答案,但希望它能帮助某些人

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


    我在这个问题上被困了很长一段时间,除了这一个,没有任何解决方案有效。

    @dani_chikaka:如果我的答案是正确的,那么请勾选答案。我是否正确地假设此代码需要在远程服务器(而不是本地服务器)上运行?我将其添加到本地服务器上,没有任何更改(当然,fonts.gstatic.com的服务器上已经有了这个功能)