Problem with FONT AWESOME

Hi, I have a little problem with FONT AWESOME icons and arrow on frot page, sometimes they are showing as only squares...
I don't know why.

http://dante.kos.pl/gniazda - on Montaż - bottom 2 section

or
on frontpage - arrows for scrolling

The issue is somewhere in Joomla configuration... See this error:

Code: Select all

Font from origin 'http://www.dante.kos.pl' 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://dante.kos.pl' is therefore not allowed access.


The problem is in a difference between:
http://dante.kos.pl/
and
http://www.dante.kos.pl/
You use first one to access site, but the second one is used to load css files. Browser blocks if you are trying to load fonts from different domain or subdomain (www. in that case).
The solution is to either reconfigure Joomla to load static css files from same domain as the site itself, or to setup crossdomain headers on css and font files (this is quite complicated and requires server side configuration).

Thank You, I did rewrite in .htaccess and it works

Oh. Nice idea. Thanks for sharing.
Is there anything else I can help you with regarding this topic?

no, thanks again. problem is solved.

You might also find this article interesting:
http://davidwalsh.name/cdn-fonts

yes, thx

Please let me know if you would have any additional questions regarding this topic.

Fix work for me too!

I had problems with Font Awesome not loading some times. In Hikashop cart it was sometime showing "Loading..." in my StoreFront template.

Adding this to my .htaccess solved the problem. Thanks!

Code: Select all

RewriteCond %{HTTP_HOST} ^yourdomain.com [NC]
RewriteRule ^(.*)$ http://www.yourdomain.com/$1 [L,R=301]