WORDPRESS CDN — потрясающий шрифт Cloudfront aws CORS

Я настроил плагин общего кеша w3, работающий на облачном фронте aws. Весь сайт работает. Изображения загружаются правильно, но шрифт потрясающий.

Как я могу это исправить?

Это не работает (но если я перейду прямо по ссылке, он загрузит файл шрифта): https://xxxxxxxxxx.cloudfront.net/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/ fa-regular-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>

Пожалуйста, измените заголовок сообщения, чтобы задать четкий, конкретный вопрос. Не добавляйте теги. См. Как спросить.

isherwood 03.01.2023 17:28
Как убрать количество товаров в категории WooCommerce
Как убрать количество товаров в категории WooCommerce
По умолчанию WooCommerce показывает количество товаров рядом с категорией, как показано ниже.
0
1
148
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Просто убедитесь, что облачный дистрибутив отправляет Access-Control-Allow-Origin для вашего шрифта.

Проверьте подробности здесь:

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

Ответ принят как подходящий

Решено временно с помощью этой конфигурации в параметрах поведения моего облачного фронта:

С этими настройками ответ содержит:

разрешение-управления-происхождением: *

Другие вопросы по теме