CODEWITHSUNDEEP
ruby-on-railsinternet-exploreramazon-web-servicesamazon-s3font-awesome
Passionate Engineer
Passionate Engineer

Reputation: 10412

FontAwsome font awesome not working in internet explorer 8/9/10 amazon s3

It seems like FontAwesome is not working on Amazon S3. I'm getting below error for Internet Explorer

 @font-face failed cross-origin request. Resource access is restricted.

I do have CORS configured below:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Content-*</AllowedHeader>
        <AllowedHeader>Host</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

This now seems to be working with Firefox (it had the same error on it before the CORS config) but still not on IE.

I thought it was caching issue but this was done 2 days ago.

Is there any other config that I need to do to fix this error and display icons on IE aswell?

Upvotes: 0

Views: 625

Answers (1)

Ryan Parman
Ryan Parman

Reputation: 6945

Have you tried setting AllowedOrigin to http://*.yourdomain.com?

Oh, and you didn't say you were using CloudFront, but if you are, S3+CloudFront have some major issues with CORS support when you try to use them together.

Upvotes: 1

Related Questions