Cloudfront CDN Access to font has been blocked by CORS policy

Hello,

I recently configured W3 Total Cache to use AWS S3 and Clouudfront for CDN.

Everything is working fine except for theme fonts it seems. I can see the following errors in the console:

Access to font at 'https://d2qjn9qu0qahjw.cloudfront.net/wp-content/themes/Steakhouse/fonts/steakhouse-pixellove/steakhouse-pixellove.woff' from origin 'https://steambowlkc.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

• CDN Settings is to pull.
• I’ve checked the .htaccess file and it does not have a block for the fonts. I cannot add it though due to the permissions of the bitnami image being used.
• Tried adding to the .htaccess.conffile as recommended by bitnami, no luck
• I’ve checked and it’s apache only, no nginx.
• I’ve tried deleting the .htaccess file and having the plugin regenerate, still didn’t generate the fonts

Here is my CORS configuration for the S3 bucket.

`
<?xml version=”1.0″ encoding=”UTF-8″?>
<CORSConfiguration xmlns=”https://s3.amazonaws.com/doc/2006-03-01/”&gt;
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedMethod>HEAD</AllowedMethod>
<AllowedMethod>DELETE</AllowedMethod>
<AllowedMethod>PUT</AllowedMethod>
<AllowedMethod>POST</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>
`

I’m about out of ideas at this point.

The page I need help with: [log in to see the link]