有关AWS Cloudfront上字体的CORS政策问题

如何解决有关AWS Cloudfront上字体的CORS政策问题

我刚刚为在OpenLiteSpeed上运行的WordPress网站设置了Cloudfront，它引入了一个问题，即由于没有CORS政策，字体被阻止。

我已将这段代码添加到我的WordPress网站根目录中的.htaccess文件中。显然mydomain.com已替换为实际域。

RewriteCond %{HTTP:Origin} ^http(s)?://(.+\.)?(mydomain.com)$
RewriteRule \.(otf|ttf|eot|woff|woff2)$ - [E=THE_ORIGIN:%0]
Header set Access-Control-Allow-Origin %{THE_ORIGIN}e env=THE_ORIGIN

我使CloudFront无效。但是，问题仍然存在。我该如何解决？

我也尝试添加这些内容，没有变化：

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

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