diff --git a/source/stylesheets/styles.css.scss b/source/stylesheets/styles.css.scss
index 1516751..58e2f72 100644
--- a/source/stylesheets/styles.css.scss
+++ b/source/stylesheets/styles.css.scss
@@ -1,6 +1,6 @@
 @import "bootstrap/scss/bootstrap.scss";
-@import "syntax-highlighting";
 @import "variables";
+@import "syntax-highlighting";
 @import "header";
 @import "callouts";
 @import "codeblocks";
diff --git a/source/stylesheets/syntax-highlighting.scss b/source/stylesheets/syntax-highlighting.scss
index e92e431..e534e58 100644
--- a/source/stylesheets/syntax-highlighting.scss
+++ b/source/stylesheets/syntax-highlighting.scss
@@ -8,7 +8,7 @@ pre .img img, pre .r-plt img {
 }
 
 code {
-  font-family: 'Source Code Pro', monospace;
+  font-family: $mono_font, monospace;
   color: #000;
 }
 
@@ -21,7 +21,7 @@ p > code {
 /* Links ---------------------------------------------------- */
 
 code a:any-link {
-  font-family: 'Source Code Pro', monospace;
+  font-family: $mono_font, monospace;
   border-radius: 4px;
   text-decoration: underline;
   text-decoration-color: $gray-400;