title: Fonts google api: Failed to decode downloaded font
body: <p>For a project I use the Webfontloader from Typekit to load my google fonts.
  I load the fonts from this usually syntax:</p>
  
  <pre><code>{
      "google": {
          "families": [
              "Alegreya Sans:400,400italic,700,700italic",
              "Arvo:400,400italic,700,700italic",
              "Averia Libre:400,400italic,700,700italic",
              "Averia Sans Libre:400,400italic,700,700italic",
              "Josefin Sans:400,400italic,700,700italic",
              "Josefin Slab:400,400italic,700,700italic",
              "Karla:400,400italic,700,700italic",
              "Lobster Two:400,400italic,700,700italic",
              "Lora:400,400italic,700,700italic",
              "Montserrat Alternates:400,400italic,700,700italic",
              "Playfair Display SC:400,400italic,700,700italic",
              "Raleway:700italic,700,400italic,400:latin",
              "Roboto Condensed:400,400italic,700,700italic",
              "Roboto:400,400italic,700,700italic",
              "Rubik:400,400italic,700,700italic",
              "Sansita:400,400italic,700,700italic",
              "Ubuntu:700italic,700,400italic,400"
          ]
      }
  }
  </code></pre>
  
  <p>The result is most of the times correct, but sometimes wrong. I get sometimes a load error like <a href="https://i.stack.imgur.com/i7vsR.png" rel="nofollow noreferrer">this</a> on a random font (not always the same font).</p>
  
  <p>It's normal that the decoding doesn't work because this url: <a href="https://fonts.gstatic.com/stats/Josefin+Slab/normal/400" rel="nofollow noreferrer">https://fonts.gstatic.com/stats/Josefin+Slab/normal/400</a> gaves a <code>204 (no content)</code> response. 
  When I looked in to issue I discovered that the url came from the css response from google's api url:  </p>
  
  <p><a href="https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,700,700italic%7CArvo:400,400italic,700,700italic%7CAveria+Libre:400,400italic,700,700italic%7CAveria+Sans+Libre:400,400italic,700,700italic%7CJosefin+Sans:400,400italic,700,700italic%7CJosefin+Slab:400,400italic,700,700italic%7CKarla:400,400italic,700,700italic%7CLobster+Two:400,400italic,700,700italic%7CLora:400,400italic,700,700italic%7CMontserrat+Alternates:400,400italic,700,700italic%7CPlayfair+Display+SC:400,400italic,700,700italic%7CRaleway:700italic,700,400italic,400%7CRoboto+Condensed:400,400italic,700,700italic%7CRoboto:400,400italic,700,700italic%7CRubik:400,400italic,700,700italic%7CSansita:400,400italic,700,700italic%7CUbuntu:700italic,700,400italic,400&amp;subset=latin" rel="nofollow noreferrer">https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,700,700italic%7CArvo:400,400italic,700,700italic%7CAveria+Libre:400,400italic,700,700italic%7CAveria+Sans+Libre:400,400italic,700,700italic%7CJosefin+Sans:400,400italic,700,700italic%7CJosefin+Slab:400,400italic,700,700italic%7CKarla:400,400italic,700,700italic%7CLobster+Two:400,400italic,700,700italic%7CLora:400,400italic,700,700italic%7CMontserrat+Alternates:400,400italic,700,700italic%7CPlayfair+Display+SC:400,400italic,700,700italic%7CRaleway:700italic,700,400italic,400%7CRoboto+Condensed:400,400italic,700,700italic%7CRoboto:400,400italic,700,700italic%7CRubik:400,400italic,700,700italic%7CSansita:400,400italic,700,700italic%7CUbuntu:700italic,700,400italic,400&amp;subset=latin</a></p>
  
  <p>Wrong part of the response:  </p>
  
  <pre><code>/* sampled usage */
  @font-face {
    font-family: 'Averia Libre';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/stats/Averia+Libre/italic/400);
    unicode-range: U+20;
  }
  </code></pre>
  
  <p>Every time when there is a <code>/* sampled usage */</code> comment, the url is wrong. 
  I made a integrationtest that calls the url multiple times. There you can see that the result multiple times is wrong.  </p>
  
  <p>Postman collection:<br>
  <a href="https://www.getpostman.com/collections/923fee0336dfbf961be9" rel="nofollow noreferrer">https://www.getpostman.com/collections/923fee0336dfbf961be9</a></p>
  
  <p>Result:<br>
  <a href="http://i.gyazo.com/80effb10e70fe6c41ee4df78439a1e50.mp4" rel="nofollow noreferrer">http://i.gyazo.com/80effb10e70fe6c41ee4df78439a1e50.mp4</a></p>
  
  <p>Can somebody help me with this issue? I already tried without the font styles and less fonts, but the problem still popups. </p>