0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00

Merge pull request #19126 from twbs/native-font-stack-docs

Fixes+tweaks to native font stack docs
This commit is contained in:
Chris Rebert 2016-02-08 12:59:25 -08:00
commit b6b063812b

View File

@ -34,20 +34,24 @@ The `<html>` and `<body>` elements are updated to provide better page-wide defau
## Native font stack
The default web (Helvetica Neue, Helvetica, and Arial) fonts have been dropped in Bootstrap 4 and replaced with a "native font stack" for optimum text rendering on every device and OS. Read more about [native font stacks in this Smashing Magazine article](https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/).
The default web fonts (Helvetica Neue, Helvetica, and Arial) have been dropped in Bootstrap 4 and replaced with a "native font stack" for optimum text rendering on every device and OS. Read more about [native font stacks in this *Smashing Magazine* article](https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/).
{% highlight sass %}
$font-family-sans-serif:
// Safari for OS X and iOS (San Francisco)
-apple-system,
// Chrome for OS X (San Francisco) and Windows (Segoe UI)
// Chrome for OS X (San Francisco)
BlinkMacSystemFont,
// Windows
"Segoe UI",
// Android
"Roboto",
// Linux distros
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
// Linux
"Oxygen", // KDE
"Ubuntu",
"Cantarell", // GNOME
// Firefox OS [R.I.P.]
"Fira Sans",
// Older Android
"Droid Sans",
// Basic web fallback