Icons missing on alternative domains
-
Hi, I’m having trouble with Font Awesome icons on alternative domains.
I’ve seen issues resolved with Font awesome where people have CHANGED the domain name, but my issue is I have multiple domains all pointing to the same site.
So the .com variant is working as required , but the .co.uk and another address sympologydesigns(com) do not. Everything else is now working fine.
Therefore all the fixes I have come across, will fix say the .co.uk variant, but then break the .com version.
Has anyone found a resolution to this?
Thanks
Stu..The page I need help with: [log in to see the link]
-
try turn off Cloudflare rocket loader for troubleshooting
Sorry, thought I’d done, that.
I’ve turned off rocket loader, stuck it in development mode and turned off auto-minify.
Still getting the same issues.Also, disable hummingbird plugin for troubleshooting
OK done that. I’ve also noticed the many of the (featured) images on the home page have vanished when using an alternative address.They are there in the main article.
I’ve recently started converting to WebP using ShortPixel, but haven’t got all the way.
I wonder if it’s this causing the issue.Looking more into this, I think it may be WebP.
Testing on my iPad mini it’s OK and firing up IE, that is is also OK (as well as IE can be).
I’m going to try and dig into which ones have been converted by ShortPixel and which ones haven’t, to see if it’s post change, or pending change that is causing issues.OK got the images back. It appears they were broken by WebP conversion, disabled that and all good. However the original issue of missing icons is still there
Ok I solved it.
I had 2 issues in play.
1 was Firefox & Chrome were blocking mixed content. No idea why some images were displaying and others were not, but reinstating and editing Really Simple SSL fixed that issue.
However the main problem (the icons) was fixed by editing the .htaccess file with<FilesMatch ".(ttf|otf|woff)$"> Header set Access-Control-Allow-Origin "*" </FilesMatch>I’d previously tried another variation on this without success:
<FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>I’d found a post that said they had issues when using the second one on a site with http. I’m guessing (I’m no coder) that the 1st issue of mixed media was causing the .htaccess change to not work.
Thanks for your help.
The topic ‘Icons missing on alternative domains’ is closed to new replies.