Troubleshooting: My icons are replaced with a square
My icons disappeared and are replaced with a square or a Chinese sign.
Most likely, the icons are not loaded because of a server restriction. If the server security settings allow you to overwrite the initial values, to fix this issue, try one of the following suggestions:
Important
Please note that is very likely after making changes on htaccess file the website will get a 500 error because almost all hostings overwrite such settings. In this case, you need to remove the code added in order to have the WordPress running again and follow step #4.
- 1
- Add to the .htaccess file the string Access-Control-Allow-Origin "*"
- 2
-
Is still have troubles, add to the .htaccess file the following code:
Header add Access-Control-Allow-Origin "*" Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type" Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"<br>
- 3
-
The font icons are still not rendered? Replace the above codes with the following code:
<IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule><br><br> - 4
- If no method fixes the problem, kindly ask your hosting to allow the loading of self-hosted fonts on your servers.