diff --git a/scss/_variables.scss b/scss/_variables.scss
index 571362e67..2cc6caf06 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -232,7 +232,7 @@ $transition-collapse:    height .35s ease !default;
 // Font, line-height, and color for body text, headings, and more.
 
 $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
-$font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-monospace:  "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $font-family-base:       $font-family-sans-serif !default;
 
 $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`