Tempera displaying Symbols incorrectly in Firefox & IE (but not Safari)

  • Under construction, my site (huch.ch) was displaying correctly. After changing on public domain and installing a “www.”-Forward the symbols on my site no longer looked right. In particular, the magnifying glass next to the search bar, the down and the up arrow in my main head menu were replaced with a ugly symbol (which now displays as something like a a box with 4 letters in it on Firefox or something like a little box with a cross in it on Android Smartphones; on IE no more symbol is visible…).
    My web-designer then replaced the wrong symbols with other unicodes for similar symbols. But by installing the new tempera update the replaced unicodes were re-replaced and the wrong symbols were coming up again.
    My web-designer and his programmer couldn’t find any solutions. Does someone know the problem? And is there a solution for it?
    Thanks for help in advance!

Viewing 1 replies (of 1 total)

  • This issue is caused by a browser security limitation locking resources (CSS/fonts/JS) to the same domain only. When you moved your site to the new URL you did not correctly update all database records of the old URL, resulting in WordPress still attempting to load resources from the old address.

    See these links below for more info:
    https://en.wikipedia.org/wiki/Cross-origin_resource_sharing
    https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

    If you have access to your site’s .htaccess file and the server has the needed extension, adding this code should solve the limitation:

    <IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>

    If you don’t have a .htaccess file in the site root, create one. However it the module is not available on your server adding this will have no effect.

Viewing 1 replies (of 1 total)
  • The topic ‘Tempera displaying Symbols incorrectly in Firefox & IE (but not Safari)’ is closed to new replies.