title: Google Fonts giving: No 'Access-Control-Allow-Origin' header is present on the requested resource
body: <p>I'm trying to use a google font 'Oswald'.  When i embed it into my page in the <a href="https://www.google.com/fonts#UsePlace:use/Collection:Oswald" rel="noreferrer">recommended way</a>:</p>
  
  <pre><code>&lt;link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'&gt;
  </code></pre>
  
  <p>Chrome throws the following error:</p>
  
  <pre><code>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://&lt;&lt;redacted&gt;&gt;' is therefore not allowed access. 
  </code></pre>
  
  <p>Is this just a mistake on google's part or am i doing something wrong?</p>