diff --git a/src/css/global.scss b/src/css/global.scss
index 660338be..17e89bfb 100644
--- a/src/css/global.scss
+++ b/src/css/global.scss
@@ -25,7 +25,6 @@ p {
 
 code {
   border: 1px solid rgba(0, 0, 0, 0.1);
-  font-family: "Source Code Pro";
   color: var(--ifm-font-color-base);
   font-weight: 500;
 }
diff --git a/src/css/ifm-variables.scss b/src/css/ifm-variables.scss
index 64a8ecbf..158f0ca7 100644
--- a/src/css/ifm-variables.scss
+++ b/src/css/ifm-variables.scss
@@ -23,6 +23,8 @@
     sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
     "Noto Color Emoji";
 
+  --ifm-font-family-monospace: "Source Code Pro";
+
   --ifm-heading-color: #1d2032;
   --ifm-heading-font-weight: 500;
   --ifm-heading-line-height: 110%;