title: Cannot load inline font in Electron-Forge/Webpack
body: <p>When <code>import 'semantic-ui-css/semantic.min.css'</code> into a brand new Electron-Forge/Webpack5 project, I get the following:</p>
  <pre><code>UnhandledSchemeError: Reading from &quot;data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAO...
  Webpack supports &quot;data:&quot; and &quot;file:&quot; URIs by default.
  You may need an additional plugin to handle &quot;data:&quot; URIs.
  </code></pre>
  <p>After stepping through the code, it appears that the <code>data:uri</code> format here does not match the regex extracting its format in NormalModule: <a href="https://github.com/webpack/webpack/blob/e5570ab5230e98e1030d696e84465b5f533fdae9/lib/schemes/DataUriPlugin.js#L16" rel="noreferrer">https://github.com/webpack/webpack/blob/e5570ab5230e98e1030d696e84465b5f533fdae9/lib/schemes/DataUriPlugin.js#L16</a>.  Note the double <code>;;</code> in the data URI, that breaks the RegEx linked.</p>
  <p>However, this CSS file loads fine in my website.  When stepping through the webpack build, they both load the CSS file (as verified by breakpoints in <a href="https://github.com/webpack/webpack/blob/e83587cfef25db91dc5b86be5b729288fd1bafdd/lib/NormalModule.js#L761" rel="noreferrer">https://github.com/webpack/webpack/blob/e83587cfef25db91dc5b86be5b729288fd1bafdd/lib/NormalModule.js#L761</a>), but then the website just... doesn't load this data URL???  I tried replacing the webpack config for Electron with the one from the website, but no joy.</p>
  <p>I'm all out of ideas after a day or 4 digging into this.  I don't even know where to poke next.  Any suggestions on where I can dig/what I can check to get this CSS file loading in Electron?</p>
  <p>A minimal demo repo can be found here: <a href="https://github.com/FrozenKiwi/data-url-loading" rel="noreferrer">https://github.com/FrozenKiwi/data-url-loading</a>, only difference is pulled the offending CSS declaration out into the local CSS file</p>