diff --git a/quartz/util/theme.ts b/quartz/util/theme.ts
index 8d7b727c..47951c4f 100644
--- a/quartz/util/theme.ts
+++ b/quartz/util/theme.ts
@@ -44,9 +44,9 @@ ${stylesheet.join("\n\n")}
   --tertiary: ${theme.colors.lightMode.tertiary};
   --highlight: ${theme.colors.lightMode.highlight};
 
-  --headerFont: ${theme.typography.header}, ${DEFAULT_SANS_SERIF};
-  --bodyFont: ${theme.typography.body}, ${DEFAULT_SANS_SERIF};
-  --codeFont: ${theme.typography.code}, ${DEFAULT_MONO};
+  --headerFont: "${theme.typography.header}", ${DEFAULT_SANS_SERIF};
+  --bodyFont: "${theme.typography.body}", ${DEFAULT_SANS_SERIF};
+  --codeFont: "${theme.typography.code}", ${DEFAULT_MONO};
 }
 
 :root[saved-theme="dark"] {