Cross-Origin resource

[Bryan Fisher]

I have a development site (http://dev.lange.us.com/) which loads the h1-h6 font I want (geogrotesque) properly.

My live site (langeus.com) is set up on a multisite. When I try to load the same font on the live site, in the Google developer console it says “Font from origin ‘http://lange-site.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://langeus.com’ is therefore not allowed access.”

It loads my Use Any Font designation of a body font (klavika) just fine, but gives this error if I have geogrotesque in there.

“Use relative path for font (Needed when you have domain mapping).” is checked in settings.

[Dinesh]

Hi,

Can you please keep this in your main htaccess file and try ?

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

Hope this solves the issue.

Thanks

[Author]

Posts