Add 'system-ui' to font stack.

diff --git a/docs/content/reboot.md b/docs/content/reboot.md
index 5cb4be1750b3206d8102f972481c7c2b16d9743d..e37f23d7d064d079eb4713e69759d705611e58c0 100644 (file)
--- a/docs/content/reboot.md
+++ b/docs/content/reboot.md
@@ -41,7 +41,9 @@ The default web fonts (Helvetica Neue, Helvetica, and Arial) have been dropped i
 $font-family-sans-serif:
   // Safari for OS X and iOS (San Francisco)
   -apple-system,
-  // Chrome for OS X (San Francisco)
+  // Chrome >= 56 for OS X (San Francisco), Windows, Linux and Android
+  system-ui,
+  // Chrome < 56 for OS X (San Francisco)
   BlinkMacSystemFont,
   // Windows
   "Segoe UI",

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 50803fc3f702640d2f1281bb5e1ffc6120a83ccf..afa800a5d9482725a4912ef66d0433717144b361 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -225,7 +225,7 @@ $grid-gutter-widths: (
 //
 // 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-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
 $font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
 $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $font-family-base:       $font-family-sans-serif !default;