Access-Control-Allow-Origin problem in Chrome

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