Amazon Cloud Front is one of the AWS features which is popular among other CDNs. Configuring Amazon Cloud Front into WordPress website is easier with a plugin called W3 Total Cache.

However, most of the time, there is an error happened during the negotiation between the website, origin, and the S3 bucket using this plugin.

No ‘Access-Control-Allow-Origin’ header error is blocked by Amazon Cloud Front

To fix this, simply follow the following instructions:

  1. Change “Forward Headers” from “None” to “Whitelist”
  2. Add “Origin” to the “Whitelist Headers”
  3. Make sure that “Use Origin Cache Headers” is checked
  4. Invalidate the cached fonts

Read https://knackforge.com/blog/font-awesome-woff2-failing-load-amazon-cloudfront

https://www.naschenweng.info/2014/09/23/wordpress-w3-total-cache-cloudfront-font-cors-issue/

http://blog.celingest.com/en/2014/10/02/tutorial-using-cors-with-cloudfront-and-s3/

Published by Vannkorn

I am a WordPress lover. I make my living by using WordPress.

Leave a comment

Your email address will not be published. Required fields are marked *