If your icons not show or look like squares in Chrome, you probably have a Access-Control-Allow-Origin (CORS origin) issue: some files (such as the font file containing the icons) are not readable and therefore available for use. To verify the issue you can open in the Chrome Developers Tool from the View menu and navigate to the Console tab as shown in the image above.
Cross-origin resource sharing (CORS) is a mechanism that allows restricted resources on a web page to be requested from another domain outside the domain from which the first resource was served. A web page may freely embed cross-origin images, stylesheets, scripts, iframes, and videos.
In order to fix this issue, just insert this code below your .htaccess file. If you are unable to apply this fix you can show this report to your host, they know how to solve this problem.
<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|json)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>
Comments
0 comments
Article is closed for comments.