Font / FontAwesome problems

I’m having an issue with FontAwesome, and can’t seem to get to the bottom of it…

These are the errors coming up in the console. Would appreciate some help!

Thanks,
Matt

/#:1 Access to font at ‘https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-solid-900.woff2’ from origin ‘https://emergencyinfoplan.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fonts.css:1 GET https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-solid-900.woff2 net::ERR_FAILED
/#:1 Access to font at ‘https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-solid-900.woff’ from origin ‘https://emergencyinfoplan.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fonts.css:1 GET https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-solid-900.woff net::ERR_FAILED
/#:1 Access to font at ‘https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-solid-900.ttf’ from origin ‘https://emergencyinfoplan.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fonts.css:1 GET https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-solid-900.ttf net::ERR_FAILED
/#:1 Access to font at ‘https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-brands-400.woff2’ from origin ‘https://emergencyinfoplan.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fonts.css:1 GET https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-brands-400.woff2 net::ERR_FAILED
/#:1 Access to font at ‘https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-brands-400.woff’ from origin ‘https://emergencyinfoplan.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fonts.css:1 GET https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-brands-400.woff net::ERR_FAILED
/#:1 Access to font at ‘https://www.emergencyinfoplan.com/wp-content/themes/pro/cornerstone/assets/dist/fonts/fa-brands-400.ttf’ from origin ‘https://emergencyinfoplan.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Im not one of the devs, CORS policy means you are using a CDN, right? You have to use CORS for font files like WOFF, WOFF2 etc. Thats why you are getting the errors. Contact your CDN provider about this. If you are not using a CDN (which I highly doubt), check the caching plugin you are using. One of the options should have enable CORS policy. If you dont see it contact the caching plugin’s author,. I dont think this error is related to the theme or cornerstone. Let me know I helped you, you got a reply in 4hrs while others have to wait a day or two.

Thank you! I’m gonna troubleshoot it now. Will let you know.

Hi Matt,

Please go through the following article while troubleshooting the CORS issue with the FontAwesome: https://theme.co/docs/font-awesome-icon-issues#cors-and-font-awesome. And please let us know how it works for you.

Thanks

Thank you! Worked.

You are most welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.