v5: Update system font stack (#30561)

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
twbs · Apr 14, 2020 · be9a237 · be9a237
1 parent 11d562d
commit be9a237
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -373,7 +373,7 @@ $embed-responsive-aspect-ratios: (
 // Font, line-height, and color for body text, headings, and more.
 
 // stylelint-disable value-keyword-case
-$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-family-sans-serif:      system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 $font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $font-family-base:            var(--font-family-sans-serif) !default;
 // stylelint-enable value-keyword-case