Web 字体 CORS 错误，但我设置了 headers

Question

我正在尝试从 CDN 加载网络字体，但收到跨源请求错误。我在我的 httpd conf 文件中设置了以下 headers:

Header Add Access-Control-Allow-Origin: my-cdn-domain

和

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

我在控制台中看到 Access-Control header，但字体仍然没有加载。

有没有人有什么想法？

Answer 1

Header Add Access-Control-Allow-Origin: my-cdn-domain

您的 CDN 域必须向您的 HTML 域授予权限，而不是相反。

Answer 2

事实证明，这与我们将网站移至 https 有关。当我们移动站点时，我们没有将 cdn 中的源也更新为 https，这导致源实际上是我们的 non-https 服务器！

Web Fonts CORS Error, but I set headers