Font / FontAwesome problems

Support
#1

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.

#2

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.

#3

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

#4

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

#5

Thank you! Worked.

#6

You are most welcome.

#7

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