Fixes remaining issues with local fonts

src/base.html

@@ -115,8 +115,6 @@
 
     <!-- Webfonts -->
     {% block fonts %}
-      <link rel="stylesheet" type="text/css" href="{{ base_url }}/assets/fonts/roboto.css" />
-      <link rel="stylesheet" type="text/css" href="{{ base_url }}/assets/fonts/roboto-mono.css" />
       <style>
         body, input {
           font-family: Roboto, "Helvetica Neue",
@@ -127,8 +125,7 @@
             Courier, monospace;
         }
       </style>
-      <link rel="stylesheet" type="text/css" href="{{ base_url }}/assets/fonts/MaterialIcons.css" />
-      <link rel="stylesheet" type="text/css" href="{{ base_url }}/assets/fonts/fa-brands.css" />
+      <link rel="stylesheet" type="text/css" href="{{ base_url }}/assets/stylesheets/fonts.css" />
     {% endblock %}
 
     <!-- Custom stylesheets -->

webpack.config.js

@@ -80,6 +80,12 @@ module.exports = env => {
           use: `file-loader?name=[path][name]${
             env && env.prod ? ".[md5:hash:hex:8]" : ""
           }.[ext]&context=./src`
+        },
+        {
+          test: /\.(eot|svg|ttf|woff|woff2)$/,
+          use: `file-loader?name=[path][name]${
+            env && env.prod ? ".[md5:hash:hex:8]" : ""
+          }.[ext]&context=./src`
         }
       ]
     },
@@ -211,6 +217,7 @@ module.exports = env => {
 
   /* Compile stylesheets */
   for (const stylesheet of [
+    "fonts.scss",
     "application.scss",
     "application-palette.scss"
   ]) {