Hi. Here’s the page where the icons do not show up: http://www.talirosen.com
Icons do show up on all other pages , including the same home page with the /he/ at the end: http://www.talirosen.com/he/
Chrome provides this error message:
“Font from origin ‘http://www.talirosen.com’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://talirosen.com’ is therefore not allowed access.”
All other browsers do show the icons. I have no caching plug-ins.
I’d appreciate your help with this.
PS – I have a couple of CSS questions. Should I open a new thread?
Thanks!
Hi Eyal
This is normally down to extensions installed in chrome. I have tested the site here and it all loads as it should.
Try disabling all extensions in chrome, clearing the browsing cache and testing again. If this works then just enable the extensions one at a time, testing each time, until you find the one that causes this error.
Hope this helps
Magus
Thanks. Tried that, no change. A few more data points:
– This happens on all platforms/chrome I tested including my mobile Galaxy.
– When the icons are in the cache (from another page or site), it works ok. When clearing cache, the page again does not show the icons.
– So it may be restricted access to the char-set from this specific page?
I suggest you clear your cache before attempting to view my page – to duplicate the problem.
Thank a lot
Hi Eyal
Have just tried on a clean install of chrome under windows 8.1 and the icons loaded as expected. As clearing the cache and extensions did not give the expected results the only other suggestion to try and get it working would be to reset chrome.
https://support.google.com/chrome/answer/3296214?hl=en-GB
This is from Andrew in a related thread so will be worth checking
“Head to Settings > General and check your site and WordPress urls. Font Awesome won’t properly work in certain browsers if a cross domain resource request is made, this includes sub domains. If both your site and WordPress urls are the same there shouldn’t be any problems here. Font Awesome can also run into problems in certain browsers if a CDN is being used.
Here is post on the topic and a few solutions: http://www.davidwalsh.name/cdn-fonts ”
Hope this helps
Magus
OK my bad. I misled you by mistake.
http://www.talirosen.com – works
talirosen.com – does not work
Apparently the server blocks cross-domain requests for security.
So I need to redirect talirosen.com to the www sub-domain – also for SEO.
I am guessing this will solve the problem. I’ll update if not.
Thanks, and again sorry for the mis-direction
Cheers
No problem, thanks for the clarification. The solution from Andrew concerning cross domain should fix the issue provided the wordpress URL is set to http://www.talirosen.com. You are correct about having a redirect for the talirosen.com URL. The best way to do this would be through dons and just change the pointer to the www a reference.
Magus
Sorry, read that last as DNS
Hi Eyal
Looks all sorted now. Let us know if you run into any challenges moving forward.
Thanks for resolving Magus!
Yes. I chose to resolve this by redirecting the root domain to the www subdomain via htaccess.
Seems ok now. Thanks!
That’ll work, thanks for the update.
For anyone else reading, David Walsh covers another potential solution here:
http://davidwalsh.name/cdn-fonts
All the best :)