diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9dbcdbd..79732c8 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -152,11 +152,18 @@
             --color-link-visited: #ffd7f0;
             --color-link-hovered: #ffdad5;
 
-            /* --font-title: 'Roboto Flex'; */
+            /* fonts */
+            --font-line-height: 1.5rem;
+
             --font-sans-serif: 'Bai Jamjuree', sans-serif;
+            --font-size-sans-serif: 1.1rem;
+
             --font-mono: 'Kode Mono', monospace;
+            --font-size-mono: 0.9em;
+
             --font-stylised: 'Space Mono', monospace;
 
+            /* page sizing */
             --page-width: 1200px;
             --content-width: 1000px;
             --screen-width-mobile: 800px;
@@ -202,8 +209,8 @@
 
         p, span, li, pre, a {
             color: var(--color-text);
-            font-size: 1.1rem;
-            line-height: 1.6rem;
+            font-size: var(--font-size-sans-serif);
+            line-height: var(--font-line-height);
             font-weight: 400;
         }
         ul {
@@ -284,7 +291,8 @@
 
         code, .code-block {
             font-family: var(--font-mono);
-            font-size: 0.8em;
+            font-size: var(--font-size-mono);
+            line-height: var(--font-line-height);
             font-weight: 500;
             background-color: var(--color-background-highlight);
             /* color: var(--color-background); */
diff --git a/static/fonts/ibm-plex-mono/medium.ttf b/static/fonts/ibm-plex-mono/medium.ttf
deleted file mode 100644
index 8253c5f..0000000
Binary files a/static/fonts/ibm-plex-mono/medium.ttf and /dev/null differ
diff --git a/static/fonts/roboto-flex/flex.ttf b/static/fonts/roboto-flex/flex.ttf
deleted file mode 100644
index 2e5c2a2..0000000
Binary files a/static/fonts/roboto-flex/flex.ttf and /dev/null differ