you are trying to share some resource that is hosted on your origin server. E.g
myserver.com/styles/fonts/some_font.woff
For this you have a distribution in cloudfront and now accessing your file with:
my_distribution_id.cloudfront.net/styles/fonts/some_font.woff
But now it is not allowed to be loaded by origin other than cloudfront.net.
To allow your specific origin, you need to check that ‘Access-Control-Allow-Origin’ header is present in both paths and valid. You need to send this header from your origin server: when you access resource myserver.com/styles/fonts/some_font.woff you should see the header in browser console. In this case cloudfront will cache the header and send it to your visitors as well. If this header is absent, cloudfront will send response without it as well. Note that if you change headers in the origin server you will need to invalidate distribution to propagate your changes in headers.
I got above solution on aws forum. Could you please explain what it means and what i have to do?