title: Webpack "OTS parsing error" loading fonts
body: <p>My webpack config specifies that fonts should be loaded using <code>url-loader</code>, and when I try to view the page using Chrome I get the following error:</p>
  
  <pre><code>OTS parsing error: invalid version tag
  Failed to decode downloaded font: [My local URL]
  </code></pre>
  
  <p>The relevant parts of my config look like this:</p>
  
  <pre><code>{
    module: {
      loaders: [
        // ...
        {
          test: /\.scss$/,
          loaders: ['style', 'css?sourceMap', 'autoprefixer', 'sass?sourceMap'],
        },
        {
          test: /images\/.*\.(png|jpg|svg|gif)$/,
          loader: 'url-loader?limit=10000&amp;name="[name]-[hash].[ext]"',
        },
        {
          test: /fonts\/.*\.(woff|woff2|eot|ttf|svg)$/,
          loader: 'file-loader?name="[name]-[hash].[ext]"',
        }
      ],
    },
  }
  </code></pre>
  
  <p>It doesn't happen in Safari, and I haven't tried Firefox.</p>
  
  <p>In development I'm serving files through <code>webpack-dev-server</code>, in production they're written to disk and copied to S3; in both cases I get the same behaviour in Chrome.</p>
  
  <p>This also happens to larger images (greater than the 10kB limit in the image loader config).</p>