title: Correct way to configure caddy, S3, and CloudFront
body: <p>My ultimate goal is having Caddy, Django, S3, and CloudFront with best practice setup.</p>
  
  <p>The problem is <code>Chrome</code> is not execute font from <code>S3</code>, but <code>css</code> it does
  Here is the console errors</p>
  
  <blockquote>
    <p>Access to Font at
    '<a href="https://herr.s3.amazonaws.com/static/admin/fonts/Roboto-Regular-webfont.woff" rel="nofollow noreferrer">https://herr.s3.amazonaws.com/static/admin/fonts/Roboto-Regular-webfont.woff</a>'
    from origin '<a href="https://herr.reviews" rel="nofollow noreferrer">https://herr.reviews</a>' has been blocked by CORS policy: No
    'Access-Control-Allow-Origin' header is present on the requested
    resource. Origin '<a href="https://herr.reviews" rel="nofollow noreferrer">https://herr.reviews</a>' is therefore not allowed
    access.</p>
    
    <p>Access to Font at
    '<a href="https://herr.s3.amazonaws.com/static/admin/fonts/Roboto-Light-webfont.woff" rel="nofollow noreferrer">https://herr.s3.amazonaws.com/static/admin/fonts/Roboto-Light-webfont.woff</a>'
    from origin '<a href="https://herr.reviews" rel="nofollow noreferrer">https://herr.reviews</a>' has been blocked by CORS policy: No
    'Access-Control-Allow-Origin' header is present on the requested
    resource. Origin '<a href="https://herr.reviews" rel="nofollow noreferrer">https://herr.reviews</a>' is therefore not allowed
    access.</p>
  </blockquote>
  
  <p>I am doubt. If my configuration is wrong. <br>
  Why <code>css</code> comes to the browser?<br></p>
  
  <p><code>CaddyFile</code></p>
  
  <pre><code>www.{$DOMAIN_NAME} {
      redir https://herr.reviews
  }
  
  {$DOMAIN_NAME} {
      proxy / django:5000 {
          header_upstream Host {host}
          header_upstream X-Real-IP {remote}
          header_upstream X-Forwarded-Proto {scheme}
      }
      log stdout
      errors stdout
      gzip
  }
  </code></pre>
  
  <p>I confirm I can upload and download <code>media</code> file from <code>S3</code>
  <code>CaddyFile</code> is a default setup form <code>django-cookies-cutter</code></p>
  
  <p><strong>Question:</strong><br>
  Where am I wrong?</p>