diff --git a/content/index.css b/content/index.css
index 5681a29..2c446a8 100644
--- a/content/index.css
+++ b/content/index.css
@@ -5,8 +5,8 @@
 
 /* Defaults */
 html {
-	--font-family-monospace: comic-mono Consolas monospace;
-	--font-family: comic-mono Consolas sans-serif;
+	--font-family-monospace: comic-mono, consolas, monospace;
+	--font-family: comic-mono, consolas, sans-serif;
 	--syntax-tab-size: 2;
 
 	--background-color: var(--xkcd-eggshell);
@@ -48,7 +48,7 @@ body {
 	max-width: 100ch;
 	padding: 0 1rem;
 	margin: 0 auto 2rem;
-	font-family: comic-mono;
+	font-family: var(--font-family);
 	color: var(--text-color);
 	background-color: var(--background-color);
 }
@@ -95,7 +95,8 @@ table th {
 
 pre,
 code {
-	font-family: var(--font-family-monospace);
+	/* !important so that this isn't overwritten by code highlighter */
+	font-family: var(--font-family-monospace) !important;
 }
 pre:not([class*="language-"]) {
 	margin: .5em 0;