When CloudFront is activated some elements are failing to load

Question

I use WordPress and I'm using CloudFront as my content delivery network. When activating CloudFront some elements, practically icons are not loading, what could be the problem?

Answer 1

This code (in .htaccess) resolved the problem

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

Answer 2

Try to clear the cache from your CloudFront Dashboard.

CloudFront captures all your webpages as a cached to increase page loading speed.

I think you are facing this problem for new pages or posts.