5

我正在使用谷歌地图 api，在页面上我有这个

<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">

现在，正因为如此，正如您在此链接中看到的那样

https://fonts.googleapis.com/css?family=Roboto:300,400,500有字体文件 - 包含在 url 中，我知道 AFA 会导致问题。在萤火虫中它显示

跨域请求被阻止：同源策略不允许在 https://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff读取远程资源 这可以通过将资源移动到同一域或启用 CORS。

即使尝试在我的 htaccess 中添加它，也不起作用，它仍然在 firebug 中显示错误

Header set Access-Control-Allow-Origin: *

apache 的 headers mod 已启用，我设置了其他 headers 并且没关系。我使用 xampp 1.7.4。我也不想将 css 文件和/或字体移动到我的本地文件中，因为 google 将来可能会进行更改。

qsn1：如何处理这个错误。

qsn2：为什么它只显示那些字体文件的错误？因为例如我也包含了google maps api的脚本，这没有问题。

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>

谢谢

4

3 回答 3

1

我收到错误是因为启用了 Adblock。禁用 Adblock 解决了问题

于 2022-02-01T01:31:05.957 回答
0

在 Firefox 中，在 HTTPS 页面上，以及当我通过 HTTPS 连接从 fonts.googleapis.com 加载样式表时，都会发生这种情况。在我的情况下，我使用了“协议相对链接”，即“//fonts.googleapis.com/”而不是“ https://fonts.googleapis.com/ ”，无论如何发生了与您描述的相同的情况。具体来说，样式表通过 HTTPS 连接正确加载，但是样式表中引用的一些 WOFF 文件没有加载，因为它们被 Firefox 阻止，控制台中出现 CORS 警告。

我去修复了一些其他不相关的问题，其中一些其他脚本加载不正确（已设置为通过 HTTP 而不是 HTTPS 加载一个脚本）。修复了这个问题，然后我注意到突然谷歌字体问题得到了修复。不确定这是否是同时发生的。

我的建议：确保首先修复浏览器中报告的所有其他问题/警告/错误，然后查看此问题是否再次出现。如果做不到这一点，我要么责怪 Google 的服务器配置问题，要么归咎于我们自己的服务器上的服务器配置问题 :)

于 2014-08-20T01:25:07.833 回答
0

您是否使用任何嗅探器工具？当我使用 Fiddler2 检查网络通信时出现此错误。如果您运行它，请尝试不使用该工具。

于 2015-07-06T02:01:16.423 回答