I have a problem with the icons displaying correctly. In chrome and safari they appear as boxes.
How do we sort this out?
I am running OSX 10.11
below I have attached screen shots of the social media icons on all three browsers, it seems to do the same on all the icons.
I hope you are well today and thank you for your question.
It seems this is happening because different domain URLs used on your site which is causing the error as shown in the attached screenshot.
To make the icons work please resolve this issue.
Thanks for your quick reply. How would I resolve that? Is that something I need to bring up with my hosting company?
In order to fix an issue for your site, just put below into your site .htaccess file.
<IfModule mod_headers.c> <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$"> Header set Access-Control-Allow-Origin "*" </FilesMatch> </IfModule>
Then do the following.
1. Go to Dashboard->Settings->General – Update the URL fields to end in a / and then Save Changes.
2. Go to Dashboard->Settings->Permalinks – Don’t change any settings, just hit the Save Changes button.
Also, why would it work OK in Safari but not in Chrome or Firefox?
Because some browsers allow it and some not.