Hello all,
I’d like to start a discussion regarding the use of the system font stack.
A system font stack is a prioritized list of fonts that instructs the browser to use the default system font of the user’s browser.
Pros:
- No external font dependency (no network traffic, no parsing)
- User use familiar font matching the ones from their operating system and browser. The site feels more native
Cons:
- Might need some maintenance (e.g., some better stack becomes available, on some font becomes deprecated because of OS/Browser change)
- Not all users see the exact same font
System font stacks are not a new concept and are well known and documented. Therefore I think it is safe to use them.
I suggest using the stacks proposed by https://systemfontstack.com/ :
Sans-serif
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir,
segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto,
arial, sans-serif;
Serif
font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman,
Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji,
Segoe UI Emoji, Segoe UI Symbol;
Mono
font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console,
monospace;
I propose to make it the default and to use it for all default themes.
Here is my +1.
WDYT?
PS: Once we agree on the idea I (or anybody else working on this), will upgrade this proposal with
1 post - 1 participant