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

编程问答 2022-07-05

问题描述

我刚刚为在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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

.htaccessapachelitespeedopenlitespeedwordpresswordpress