Access-Control-Allow-Origin HTTP header in Jekyll site in Github

Question

After upgrading to latest Google Chrome I'm getting the following error.

Font from origin 'http://fonts.gstatic.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Because of this the web fonts are not working. I know that if I add Access-Control-Allow-Origin HTTP header it will work. But my site is a Jekyll site and it is hosted in using Github.

So how to add Access-Control-Allow-Origin http header in Jekyll generated site hosted in Github?

Answer 1

Font in gstatic.com are served with Access-Control-Allow-Origin:* header. As stated here, it can be a proxy problem.

One thing is sure, you can't set this header yourself on Github pages.

Answer 2

This is an answer to an old question, but hopefully it will help someone.

If you are accessing Google Maps API or Fonts using http, try using the https version instead.