serving feather icons from s3 in Django & BootStrap

Question

I'm having troubles serving feathers icon & other fonts from AWS S3. It would return Access Denied (403 Forbidden).

example file: Feather-Iconse198.ttf

Other contents like images, JS and CSS serves well. Here is the bucket CORS configuration I have.

   <?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>HEAD</AllowedMethod>
    <AllowedMethod>DELETE</AllowedMethod>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
</CORSRule>
</CORSConfiguration>

The resource path is correct. The object URL when clicked from the AWS S3 console also return the same exact error - access denied.

Any idea how to fix this?