FontAwesome font won't load after using Amazon cloudfront

[roman777]

All my other fonts work fine with cloudfront, but the Fontawesome font embedded within X theme doesn’t want to load in Chrome. Page is https://agentmatch.com/find

Here’s the error messages from the Chrome Developer Tools console:

Access to font at ‘https://doqq482x0xoov.cloudfront.net/wp-content/themes/pro/framework/fonts/font_awesome/fa-solid-900.woff2’ from origin ‘https://agentmatch.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fa-solid-900.woff2:1 Failed to load resource: net::ERR_FAILED
fa-solid-900.woff:1 Failed to load resource: the server responded with a status of 404 ()
fa-solid-900.ttf:1 Failed to load resource: the server responded with a status of 404 ()
(index):1 Access to font at ‘https://doqq482x0xoov.cloudfront.net/wp-content/themes/pro/framework/fonts/font_awesome/fa-solid-900.woff’ from origin ‘https://agentmatch.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fa-solid-900.woff:1 Failed to load resource: net::ERR_FAILED
(index):1 Access to font at ‘https://doqq482x0xoov.cloudfront.net/wp-content/themes/pro/framework/fonts/font_awesome/fa-solid-900.ttf’ from origin ‘https://agentmatch.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fa-solid-900.ttf:1 Failed to load resource: net::ERR_FAILED

[rad]

Hi Roman,

Thanks for reaching out.

It’s CloudFront issue and it’s best contacting them for configuration. The theme has no control over their serving policy with fonts. And please check this https://knackforge.com/blog/font-awesome-woff2-failing-load-amazon-cloudfront

Thanks!

[roman777]

Thank you very much!

[rad]

You’re most welcome!