-
Posts
-
Fonts and FontAwesome icons are not loading. I keep getting this message: “Access to font at ‘(…)’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
Hi devmeydes,
I have checked your site and I can see those icons are served via CDN: https://secureservercdn.net/
Please disable CDN, if you’re on Godaddy there’s a setting that you can turn off ( based on another enfold users who had similar issue: https://kriesi.at/support/topic/social-icons-not-showing-6/ )
if you can’t find it or not using godaddy then you can try to ask for your hosting provider to do it.Best regards,
NikkoHi Nikko,
I have the exact same problem. My client has hosted their site with GoDaddy. I get this error:
Access to font at ‘https://secureservercdn.net/160.153.138.219/a0x.891.myftpupload.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf’ from origin ‘https://vs4business.co.uk’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
However, I don’t think that ‘switching off the CDN’ is a good solution. Yes it brings back the icons, but then the site is not benefitting from the CDN.
I have found another thread that says to add this code to the .htaccess file:
<FilesMatch “.(ttf|otf|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>I have done this and it did not work.
I have spent so much time searching for solutions to this. If you have a solution I would love to hear it. The site in question is: http://www.vs4business.co.uk
Hi Mark Clover,
The code you posted is the standard solution, which is in the documentation: https://kriesi.at/documentation/enfold/icon/#troubleshoot
It is tested to work properly on all CDNs (other solutions are basically just a variation of it) and the only exception is the one coming from Godaddy’s chosen CDN secureservercdn.net.
I haven’t found other workaround as well except for disabling CDN in Godaddy.
You can check further information on CORS in MDN: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORSBest regards,
NikkoGoDaddy CDN Update:
It seems that adding the code to the .htaccess file does indeed work with GoDaddy after all. You just have to be patient.
Immediately after adding the code, no amount of emptying caches and refreshing was going to make the icons reappear. However over the subsequent couple of days, browser by browser they started reappearing.I now have the Enfold theme installed on Godaddy with the CDN activated and with my icons in place it seems.
Mark.
Hi Mark,
Glad you got it working for you! :)
Thank you for the update.
If you need further assistance please let us know.
Best regards,
VictoriaMark what code did you end up using on your .htaccess file??? I’m trying to solve with GoDaddy also, but want to get the code snippet correct. Hoping you can help
- The topic ‘Fonts and FontAwesome icons are not loading’ is closed to new replies.