title: Font face error: Failed to decode downloaded font invalid version tag
body: <p>Environment is a React Nodejs app</p>
  
  <p>My CSS:</p>
  
  <pre><code>@font-face {
    font-family: 'Open Sans';
    src:
      url('/src/public/fonts/OpenSans-Regular.eot'),
      url('/src/public/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('/src/public/fonts/OpenSans-Regular.woff') format('woff'),
      url('/src/public/fonts/OpenSans-Regular.woff2') format('woff2'),
      url('/src/public/fonts/OpenSans-Regular.ttf') format('truetype'),
      url('/src/public/fonts/OpenSans-Regular.svg') format('svg');
    font-style: normal;
    font-weight: normal;
  }
  
  @font-face {
    font-family: 'Open Sans';
    src:
      url('/src/public/fonts/OpenSans-Semibold.eot'),
      url('/src/public/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
      url('/src/public/fonts/OpenSans-Semibold.woff') format('woff'),
      url('/src/public/fonts/OpenSans-Semibold.woff2') format('woff2'),
      url('/src/public/fonts/OpenSans-Semibold.ttf') format('truetype'),
      url('/src/public/fonts/OpenSans-Semibold.svg') format('svg');
    font-style: normal;
    font-weight: bold;
  } ....
  </code></pre>
  
  <p>I have two different definitions for Open Sans as the <code>font-style</code> and <code>font-weight</code> depends on additional classes on elements like bold italic etc which seems to be an <a href="http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/" rel="nofollow noreferrer">acceptable fomat</a></p>
  
  <p>Usage:</p>
  
  <pre><code>.union {
    font-family: 'Open Sans';
    padding-left: 12px;
  
    &amp; :global(.bold) {
      font-weight: 700;
    }
  
    &amp; :global(.italic) {
      font-style: italic;
      font-weight: 400;
    }
  }
  </code></pre>
  
  <p>Webpack config:</p>
  
  <pre><code>test: /\.(png|woff|woff2|eot|ttf|svg)$/,
  loader: 'url-loader?limit=100000',
  </code></pre>
  
  <p>I have the font files under <code>public/fonts</code> folder, it was working fine up until a day ago but now we are getting tons of console errors <code>failed to decode downloaded font invalid version tag</code> for <strong>woff</strong> and <strong>ttf</strong> files. I tried other solutions <a href="https://stackoverflow.com/questions/34288778/failed-to-decode-downloaded-font-ots-parsing-error-invalid-version-tag-rails">link1</a> and <a href="https://stackoverflow.com/questions/32767727/failed-to-decode-downloaded-font-in-meteor">link2</a> but it didn't help. I can see the fonts loading just fine from the public folder under Chrome's network tab</p>
  
  <p>Any idea why am still getting these errrors? </p>