Yesterday, we changed Logdown's assets host from local to Cloundfront. One day later, many firefox users complained about the icons are broken.
We found out the reason is: Firefox doesn’t allow cross-domain fonts
Catalin Rosu nicely explains the situation and the reason behind it here:
And there were also some discussions on font-awesome-sass-rails issue tracker.
Modify Nginx Config
Add these three lines to
Go to Cloudfront panel to purge old content
You can find out assets path from
~/project_name/current/public/assets, by typing
ls -al fontawesome-webfont-*.*
Go to CloudFront Panel, create a invalidation
Wait about 5 minutes or longer...
It takes time to invalid CDN cache, just be patient..
curl -I "https://d1vzm1nztjpyu4.cloudfront.net/assets/fontawesome-webfont-009f6d1f667cc42c25e712ab3429cbc7.eot" -s, you can checkout the status.
Once the response shows
Access-Control-Allow-Origin: *, it is done :)