Font Awesome not displaying in some browsers

[gmilne]

I’m having issues with font awesome icons not displaying correctly in some browsers, it works fine in safari but has issues with IE, chrome and others. I realised this started when using the stackpath cdn and have followed your trouble shooting article regarding CORS and have this now enabled on the site via the .htaccess file.

After clearing the cache plugin on the site and the CDN cache I still seem to be getting the same issue.

Any advice you could offer would be much appreciated. The site is https://www.cityofthedeadtours.com

[mldarshana]

Hi There,

Thanks for writing in! Upon testing, I see the following error on the console log.

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://cotd-ed1oncrl.stackpathdns.com/wp-content/plugins/revslider/public/assets/fonts/revicons/revicons.woff?5510888. (Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘*, *, *’).

Could you please provide us with the FTP access to your site? so that we can check your .htaccess file and see if we could offer some help.

Thanks!

[gmilne]

FTP details in secure note

[rad]

Hi there,

You have enabled CDN of your WP Super Cache plugin, but you only allowed the main domain to serve the files. Instead, I deactivated the CDN and it should be working now.

If you wish to use a CDN, then you must allow https://cotd-ed1oncrl.stackpathdns.com too since it’s your CDN’s URL.

Thanks!

Thanks!