WEB.DEV - CORS 策略已阻止从源访问字体：请求的资源上不存在“Access-Control-Allow-Origin”标头答案

【问题标题】：WEB.DEV - Access to font at from origin has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resourceWEB.DEV - CORS 策略已阻止从源访问字体：请求的资源上不存在“Access-Control-Allow-Origin”标头
【发布时间】：2022-07-07 08:47:22
【问题描述】：

我没有在我的网站上收到此错误，但是当我在 web.dev 上的“最佳实践”部分对其进行测试时...我该如何解决？

这里有人说这段代码会解决它：

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

我将上面的代码放在我的 .htaccess 中，但谷歌仍然给出该错误

【问题讨论】：

标签： cors policy

【解决方案1】：

根据shaitana & Stephen Ostermiller 的回答，您可以将此规则添加到您的.htaccess

Header add Access-Control-Allow-Origin "*"

如果您指定了域值，则更好

Header add Access-Control-Allow-Origin "your-domain.example"

【讨论】：