diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e6aaf33..9dbcdbd 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -15,7 +15,7 @@
 </div>
 
 <style>
-    /* #region Fonts */
+    /* #region Old Fonts */
     /* Roboto Flex */
     @font-face {
         font-family: "Roboto Flex";
@@ -43,7 +43,6 @@
         font-style: italic;
         font-weight: bold;
     }
-    
     /* IBM Plex Mono */
     @font-face {
         font-family: "IBM Plex Mono";
@@ -51,6 +50,85 @@
         font-weight: 500;
     }
     /* #endregion */
+    
+    /* #region New Fonts */
+    /* Bai Jamjuree. wght: 200-700 */
+
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/extralight.ttf");
+        font-weight: 200;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/extralight-italic.ttf");
+        font-weight: 200;
+        font-style: italic;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/light.ttf");
+        font-weight: 300;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/light-italic.ttf");
+        font-weight: 300;
+        font-style: italic;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/regular.ttf");
+        font-weight: 400;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/italic.ttf");
+        font-weight: 400;
+        font-style: italic;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/medium.ttf");
+        font-weight: 500;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/medium-italic.ttf");
+        font-weight: 500;
+        font-style: italic;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/semibold.ttf");
+        font-weight: 600;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/semibold-italic.ttf");
+        font-weight: 600;
+        font-style: italic;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/bold.ttf");
+        font-weight: bold;
+    }
+    @font-face {
+        font-family: "Bai Jamjuree";
+        src: url("/fonts/bai-jamjuree/bold-italic.ttf");
+        font-weight: bold;
+        font-style: italic;
+    }
+
+    /* Kode Mono. wght: 400-700 */
+    @font-face {
+        font-family: "Kode Mono";
+        src: url("/fonts/kode-mono/variable-wght.ttf");
+        font-weight: 400 700;
+        font-style: normal;
+    }
+    /* #endregion */
 
     :global {
         :root {
@@ -75,8 +153,8 @@
             --color-link-hovered: #ffdad5;
 
             /* --font-title: 'Roboto Flex'; */
-            --font-sans-serif: 'Roboto Flex', 'Lato', sans-serif;
-            --font-mono: 'IBM Plex Mono', monospace;
+            --font-sans-serif: 'Bai Jamjuree', sans-serif;
+            --font-mono: 'Kode Mono', monospace;
             --font-stylised: 'Space Mono', monospace;
 
             --page-width: 1200px;
diff --git a/static/fonts/kode-mono/variable-wght.ttf b/static/fonts/kode-mono/variable-wght.ttf
new file mode 100644
index 0000000..1501a8c
Binary files /dev/null and b/static/fonts/kode-mono/variable-wght.ttf differ