diff --git a/assets/css/010_typography.css b/assets/css/010_typography.css
index 98933c7..4f04911 100644
--- a/assets/css/010_typography.css
+++ b/assets/css/010_typography.css
@@ -11,10 +11,26 @@
  # FONTS
  ********/
 
+@font-face{
+  font-family: source-code-pro;
+  font-weight: 200 900;
+  font-style: normal;
+  font-stretch: normal;
+  src: url({{ (resources.Get "fonts/sourceCodePro-variable.woff2").Permalink }});
+}
+
+@font-face{
+  font-family: source-code-pro;
+  font-weight: 200 900;
+  font-style: italic;
+  font-stretch: normal;
+  src: url({{ (resources.Get "fonts/sourceCodePro-italic-variable.woff2").Permalink }});
+}
+
 :root {
   --font-family-sans: system-ui, Arial, sans-serif;
   --font-family-serif: Georgia, serif;
-  --font-family-monospace: monospace;
+  --font-family-monospace: source-code-pro, monospace;
 
   --font-family-body: var(--font-family-sans);
   --font-family-heading: var(--font-family-monospace);
diff --git a/assets/fonts/sourceCodePro-italic-variable.woff2 b/assets/fonts/sourceCodePro-italic-variable.woff2
new file mode 100644
index 0000000..54566fe
Binary files /dev/null and b/assets/fonts/sourceCodePro-italic-variable.woff2 differ
diff --git a/assets/fonts/sourceCodePro-variable.woff2 b/assets/fonts/sourceCodePro-variable.woff2
new file mode 100644
index 0000000..fa87db3
Binary files /dev/null and b/assets/fonts/sourceCodePro-variable.woff2 differ