Google字体：无访问控制 - 允许 - 来源：*

Question

WordPress网站的问题：*见下文

您好。在我的隐身Chrome浏览器和Firefox上，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://volusiaflaglerac.com' is therefore not allowed access.

根据这些说明https://developers.google.com/fonts/docs/troubleshooting，代理正在剥离Access-Control-Allow-Origin:*

所以我把这段代码放在我的.htaccess中：

Header add Access-Control-Allow-Origin "*" Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"

这是其中一个Google字体的代码：

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

根据我在这里运行的报告http://www.rexswain.com/httpview.html，它正在阅读访问控制代码。

我仍然看到默认字体。

我错过了什么？

编辑：请帮忙！

• 编辑：问题已解决，我已删除了网址

Answer 1

这是您服务器上的安全问题，导致自己无法下载外部文件。

由于.htaccess修改无效，您应该下载谷歌字体并将其添加到您的网站。

仅供参考，此Chrome扩展程序可以帮助您绕过浏览器上的跨源请求，但错误仍将保留给您的用户

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-ntp-icon