Merge pull request #992 from primer/mono-font

Support SF Mono font in Firefox and Safari
primer · May 26, 2021 · a113b7b · a113b7b
2 parents efbd3a6 + 90f9569
commit a113b7b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/small-spies-give.md b/.changeset/small-spies-give.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": minor
+---
+
+Support SF Mono font in Firefox & Safari
diff --git a/src/support/variables/typography.scss b/src/support/variables/typography.scss
@@ -35,7 +35,7 @@ $lh-default: 1.5 !default;
 $body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !default;
 
 // Monospace font stack
-$mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !default;
+$mono-font: ui-monospace, "SF Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !default;
 
 // The base body size
 $body-font-size: 14px !default;