ESLINT is holy crap

src/styles/fonts.sass

@@ -0,0 +1,16 @@
+$fonts-family: ["Rounded", "Outlined", "Sharp"]
+
+@each $font-family in $fonts-family
+    @font-face
+        font-family: Material-Symbols-#{$font-family}-Regular
+        src: url("./font/MaterialSymbols#{$font-family}[FILL,GRAD,opsz,wght].ttf")
+        src: url("./font/MaterialSymbols#{$font-family}[FILL,GRAD,opsz,wght].woff2") format("woff2")
+
+$weights: ("Thin": 100, "Light": 300, "Regular": 400, "Medium": 500, "Bold": 700, "Black": 900)
+
+@each $name, $weight in $weights
+    @font-face
+        font-family: Roboto
+        font-face-name: #{$name}
+        font-weight: #{$weight}
+        src: url("./font/Roboto-#{$name}.ttf")