title: webpack issue "downloadable font rejected by sanitizer" or "failed to decode downloaded font"
body: <p>I ran into a well known problem that, however, has no clear solution: the following setup of webpack (<em>encore</em>, within Symfony) produces the error <code>downloadable font: rejected by sanitizer ...</code> in Firefox and <code>failed to decode downloaded font</code> in Edge for some (not all!) @fontawesome fonts and IPM Plex Mono (which I installed via npm)</p>
  <pre><code>.addLoader(
      {
          test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
          use: [
              {
                  loader: 'file-loader',
                  options: {
                      name: &quot;[name].[ext]&quot;,
                      outputPath: &quot;./fonts&quot;
                  }
              }
          ]
      })
  </code></pre>
  <p>I already tried everything that I could find on stackoverflow, github, and other sites. Not another loader (<em>url-loader</em>), a modification of the <em>outputPath</em> or setting the <em>publicPath</em>, nor anything else helped. The error remains the same. The imports are all fine since there is no compilation error by webpack. Without this part of the webpack config, everything is fine too. The webserver is submitting the file correctly and accessing the URL for it directly downloads a valid font file. Thus the path and anything else seem to be ok. So...what's wrong here?</p>
  <p>The problems occure in Firefox, Chrome and Edge (latest version each).</p>
  <p>Any idea how to fix this?</p>