diff --git a/blog/themes/mineral/layouts/partials/head.html b/blog/themes/mineral/layouts/partials/head.html
index 8c51670..740fbd7 100644
--- a/blog/themes/mineral/layouts/partials/head.html
+++ b/blog/themes/mineral/layouts/partials/head.html
@@ -6,6 +6,10 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <link rel="preconnect" href="https://fonts.googleapis.com"> 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
+    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&display=swap" rel="stylesheet">
+
     <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="css/skeleton.css">
 
diff --git a/blog/themes/mineral/static/css/skeleton.css b/blog/themes/mineral/static/css/skeleton.css
index f28bf6c..f80ab3c 100644
--- a/blog/themes/mineral/static/css/skeleton.css
+++ b/blog/themes/mineral/static/css/skeleton.css
@@ -124,7 +124,7 @@ body {
   font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
   line-height: 1.6;
   font-weight: 400;
-  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Fira Code', monospace;
   color: #222; }