https://aalvrz.me/tags/cloudfront/ Recent content in cloudfront on Andrés Álvarez Hugo -- gohugo.io en-us Wed, 12 Dec 2018 16:32:22 +0000 https://aalvrz.me/posts/cloudfront-cors-font-issues/ Wed, 12 Dec 2018 16:32:22 +0000 https://aalvrz.me/posts/cloudfront-cors-font-issues/ <p>I was experiencing an issue with CloudFront and some static assets of a Django application deployed to ElasticBeanstalk. The issue was happening when trying to retrieve some fonts that are stored in S3 and served by CloudFront, the browser dev tools would show some errors similar to the following:</p> <pre><code>Access to Font at 'http://CLOUDFRONT_HOSTNAME.cloudfront.net/FONT_PATH' from origin 'http://www.example.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. </code></pre><p>A <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS">CORS</a> issue. And apparently, very common when trying to load fonts.</p> <p>To fix this, there are a few possible things that you might have to try. I will list some of the fixes I found.</p>