Google Fonts giving: No 'Access-Control-Allow-Origin' header is present on the requested resource

fonts google-font-api
deweydb picture deweydb · Sep 5, 2014 · Viewed 8.2k times · Source

I'm trying to use a google font 'Oswald'. When i embed it into my page in the recommended way:

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>

Chrome throws the following error:

XMLHttpRequest cannot load http://fonts.googleapis.com/css?family=Oswald:400,300,700. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://<<redacted>>' is therefore not allowed access.

Is this just a mistake on google's part or am i doing something wrong?

Answer

deweydb picture deweydb · Sep 9, 2014

Turns out it was a conflict with prefixfree

Solution was to add "data-noprefix" to the link tag, like so:

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css' data-noprefix>

Related questions

How to host google web fonts on my own server?

I need to use some google fonts on an intranet application. The clients may or may not have internet connection. Reading the license terms, it appears that its legally allowed.

Read More
How can I download WOFF files from Google Fonts?

Google Fonts seems to only offer fonts in WOFF2. While this works fine with Chrome, WOFF2 doesn't seem to be supported by many other browsers Is there a way to directly link to Google fonts hosted on their CDN in …

Read More
Import and use google webfont

For a project, I have to use many style off a font. Here is the link of the google font Here is my css import @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700); What I …

Read More