Hi,
I have a big problem with Icons and IE9. The social icons (in the top bar or the footer) are replaced by chinese signs, only on IE9.
How can I resolve it ? (I have to do this because a large part of my clients, for this specific project, are using IE9… unfortunatly)
thanks !
Hello,
The icons being replaced with Chinese characters has to do with fonts. The icons are added through a custom theme font. If the font is not loaded from the same source as the rest of the content, then this can happen. This usually happens when you serve 2 versions of your site through WordPress (a www. version and a non www version) or the most common cause of this issue a CDN server. please follow this topic for a possible fix: https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
Thank you!
Thanks for your help.
I applied the fix but it doesn’t work…
My website is : http://macartepassrestaurant.sites-internet.info/
I use a plesk server.
Thanks.
Hi,
I checked your site on multiple browsers but could not see the chinese symbols. Maybe the fix did work after all:
http://screencast.com/t/bWLPa9cszdh – http://screencast.com/t/qHvMOM4B9c
Please check again as I cannot see the issue.
Thanks
Hi,
unfortunatly, your test with IE9 is wrong because it’s not a real IE9 !
If I test on a real IE9 (via browserstack.com or https://netrenderer.com too), chinese sympols appears instead of social icons.
Thanks,
What I have tested with is the emulator from internet explorer. We do not have real ie 9 for a long time now. It’s sad you have to use it though. I see the error on browserstack.com
This could be the main reason: http://screencast.com/t/Yfxjr0vhh you do serve 2 versions of your site and one cannot be reached. If you only serve one version the www. version of your site should have redirected to the non www one. Please make the proper wordpress adjustment and do not serve 2 versions of your site.
I hope this helps.
This solution doesn’t resolve my problem…
Now, http://macartepassrestaurant.sites-internet.info/ and http://www.macartepassrestaurant.sites-internet.info/ exists but the problem is always visible.
Hello,
If the method from stackexchange did not work maybe a solution from here will: https://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems
http://stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-origin-web-font
In almost all cases the ‘allow origin’ code fixed it. This should also fix it on your side. If you use a cdn then it should work. Try to implement it differently in your htaccess or ask your host or cdn provider to help.
Thank you!
Hi,
I resolve the problem whith this solution :
Put on the top of the style.css file :
@font-face {
font-family: ‘newspaper-icons’;
src: local(‘newspaper-icons’), url(images/icons/newspaper-icons.woff) format(‘woff’);
}
@font-face {
font-family: ‘newspaper’;
src: local(‘newspaper’), url(images/icons/newspaper.woff) format(‘woff’);
}
It’s not a good idea because of css file will be updated on the next theme update but it doesn’t work when i put it on a child theme or il the custom CSS box inside the admin panel…
Hi,
It should work from the child theme and it should also work from the custom css box in the theme panel .If it doesn’t that means there is a problem. The child theme could be thee culprit. Did you update your child theme since you created it? a child theme is not update proof. This topic describes it better: https://forum.tagdiv.com/topic/setting-up-child-theme/
You should update your child theme as well if you have not already.
Thank you!
IE9 seems to be more difficult…
When I put this code into the custom css box : no effect !
And the child theme doesn’t work with IE9…
Hi,
Please contact us via email at contacdt@tagdiv.com and provide wp-admin so we can login and take a look. Please also include a link to this topic so we can identify you.
Thank you!
