rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source 
Fixes+tweaks to native font stack docs
This commit is contained in:
Chris Rebert 2016-02-08 12:59:25 -08:00
commit b6b063812b
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/content/reboot.md
View File

@ -34,20 +34,24 @@ The `<html>` and `<body>` elements are updated to provide better page-wide defau
## Native font stack ## 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 %} {% highlight sass %}
$font-family-sans-serif: $font-family-sans-serif:
// Safari for OS X and iOS (San Francisco) // Safari for OS X and iOS (San Francisco)
-apple-system, -apple-system,
// Chrome for OS X (San Francisco) and Windows (Segoe UI) // Chrome for OS X (San Francisco)
BlinkMacSystemFont, BlinkMacSystemFont,
// Windows // Windows
"Segoe UI", "Segoe UI",
// Android // Android
"Roboto", "Roboto",
// Linux distros // Linux
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Oxygen", // KDE
"Ubuntu",
"Cantarell", // GNOME
// Firefox OS [R.I.P.]
"Fira Sans",
// Older Android // Older Android
"Droid Sans", "Droid Sans",
// Basic web fallback // Basic web fallback