oh wait i forgot to Serve from server

assets/fonts/fira_code.css

@@ -0,0 +1,34 @@
+@font-face {
+    font-family: "Fira Code";
+    src: url("/static/assets/fonts/FiraCode-Light.ttf");
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Fira Code";
+    src: url("/static/assets/fonts/FiraCode-Regular.ttf");
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Fira Code";
+    src: url("/static/assets/fonts/FiraCode-Medium.ttf");
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Fira Code";
+    src: url("/static/assets/fonts/FiraCode-SemiBold.ttf");
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Fira Code";
+    src: url("/static/assets/fonts/FiraCode-Bold.ttf");
+    font-weight: 700;
+    font-style: normal;
+}

assets/fonts/inconsolata.css

@@ -0,0 +1,55 @@
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/assets/fonts/Inconsolata-ExtraLight.ttf");
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/assets/fonts/Inconsolata-Light.ttf");
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/assets/fonts/Inconsolata-Regular.ttf");
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/assets/fonts/Inconsolata-Medium.ttf");
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/assets/fonts/Inconsolata-SemiBold.ttf");
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/assets/fonts/Inconsolata-Bold.ttf");
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/assets/fonts/Inconsolata-ExtraBold.ttf");
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/assets/fonts/Inconsolata-Black.ttf");
+    font-weight: 900;
+    font-style: normal;
+}

assets/fonts/license

@@ -0,0 +1 @@
+These fonts are licensed under the OFL

assets/fonts/source_sans.css

@@ -0,0 +1,41 @@
+@font-face {
+    font-family: "Source Sans Pro";
+    src: url("/static/assets/fonts/SourceSansPro-Regular.ttf");
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Source Sans Pro";
+    src: url("/static/assets/fonts/SourceSansPro-Italic.ttf");
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Source Sans Pro";
+    src: url("/static/assets/fonts/SourceSansPro-SemiBold.ttf");
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Source Sans Pro";
+    src: url("/static/assets/fonts/SourceSansPro-SemiBoldItalic.ttf");
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Source Sans Pro";
+    src: url("/static/assets/fonts/SourceSansPro-Bold.ttf");
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Source Sans Pro";
+    src: url("/static/assets/fonts/SourceSansPro-BoldItalic.ttf");
+    font-weight: 700;
+    font-style: italic;
+}

src/style/_base.scss

@@ -3,7 +3,9 @@
     from the server but it's fine for now 
 */
 
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Inconsolata&family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');
+@import url("/static/assets/fonts/inconsolata.css");
+@import url("/static/assets/fonts/source_sans.css");
+@import url("/static/assets/fonts/fira_code.css");
 
 $FallbackFonts: 
     -apple-system,