settings: fonts - Avenir, Montserrat

src/App.svelte

@@ -2,7 +2,7 @@
   import SvgContent from "./components/SVGContent.svelte";
 
   function setBackground(ev: CustomEvent<string>) {
-    console.debug(`Setting background color to "${ev.detail}"`)
+    console.debug(`Setting background color to "${ev.detail}"`);
     document.body.style.background = ev.detail;
   }
 </script>
@@ -12,12 +12,18 @@
 </main>
 
 <style lang="scss">
+  @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap");
+  
   :global {
     html,
     body {
       overflow: hidden;
     }
 
+    * {
+      font-family: "Avenir", "Montserrat", sans-serif !important;
+    }
+
     html,
     body,
     #app,