Icons missing on alternative domains

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 "*"

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 "*"

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.

Source link