Access to font at ' S3 bucket' from origin 'https://ait.dev.att.com' has been blocked by the CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

Knowledge Drop

Last tested: May 20, 2020

If you are seeing this error on your JS console for your embed content

The solution is to set on the S3 bucket settings: https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html the configurations to accept it.

We’ve had users that confirmed it worked after enabling the AccessHeader to include everything * instead of Authorization and removing the <ExposeHeader>Access-Control-Allow-Origin</ExposeHeader>

Note that it might take a while to see the changes as things might get cached in the browser