WORDPRESS CDN - Cloudfront aws 字體真棒 CORS

Question

賞金將在 4 天后到期。 此問題的答案有資格獲得+50聲望賞金。 Damiano Dotto正在尋找可靠來源的答案。

我已經配置了一個在 aws cloudfront 上工作的 w3 總緩存插件。 整個網站都在運作。 圖像加載正確但字體不是很好。

我該如何解決？

這不起作用（但如果我 go 直接鏈接到鏈接，它會下載字體文件）： https://xxxxxxxxxx.cloudfront.net/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-常規 400.woff

這個工作： https://xxxxxxxxxx.cloudfront.net/wp-content/uploads/2022/11/Immagine-2022-11-22-163209-1536x472.png

控制台錯誤：

Access to font at 'https://xxxxxxxxxx.cloudfront.net/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2' from origin 'https://xxxxxxxx.yyyyyyyyy.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我試圖編輯 .htaccess 但沒有結果：文件：/opt/bitnami/wordpress/.htaccess

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

Answer 1

只需確保雲端分發為您的字體發送 Access-Control-Allow-Origin。

在這里查看詳細信息：

https://aws.amazon.com/premiumsupport/knowledge-center/no-access-control-allow-origin-error/

Answer 2

暫時解決了在我的雲端設置的行為上使用此配置：

使用此設置，響應包含：

訪問控制允許來源：*