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 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 the 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.

Still need help? Contact Us Contact Us