By Joao Mimoso on Friday, 17 July 2015
Posted in General Issues
Replies 4
Likes 0
Views 3.2K
Votes 0
Hi there,

im using (testing) ES in this url:
http://www.bodybymimo.com/dev/index.php/component/easysocial/?Itemid=


and i have this issue:

if i use Firefox everything is fine! All icons are show (as you can see in the toolbar for example)

But i if i use Chrome i get this error (in the javascript console):

Font from origin 'http://www.bodybymimo.com' has been blocked from loading by Cross-Origin Resource Sharing policy: The 'Access-Control-Allow-Origin' header has a value 'http://www.bodybymimo.com/dev/media/com_easysocial/fonts/easysocial.woff' that is not equal to the supplied origin. Origin 'http://bodybymimo.com' is therefore not allowed access.


I found in the internet various suggestions to fix this issue...including one that says to include a line in the .htaccess file...but i doesn't work either.


After some researching i found this:

In the Head of the page there is a BASE tag which is different if i use FF or Chrome.

In FF the base tag is:

<base href="http://www.bodybymimo.com/dev/">

In Chrome the base tag is:

<base href="http://bodybymimo.com/dev/index.php/component/easysocial/">



My question is:

where does this BASE tag get generated in the code?

Do you know how to fix this issue?

Thanks in advance
Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here. This issue has nothing to do with the base tag actually. The problem is most likely because some of the assets on your site is hosted on a cdn and this is an issue especially with fonts and font icons. Take a look at this post here, http://stackoverflow.com/questions/26125030/font-awesome-icons-not-showing-in-chrome-a-maxcdn-related-cross-origin-resource
·
Saturday, 18 July 2015 16:11
·
0 Likes
·
0 Votes
·
0 Comments
·
well..since im not able to edit the post i will correct here. The correct BASE tag that FF shows is: <base href="http://www.bodybymimo.com/dev/index.php/component/easysocial/"> (with WWW)
·
Friday, 17 July 2015 18:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Nice, the stackoverflow link had a link to a solution.

Here's the solution i've putted in .htaccess

<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>


Thanks Mark
·
Friday, 24 July 2015 16:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating, glad that your issues are resolved now
·
Friday, 24 July 2015 17:21
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post