-
-
Notifications
You must be signed in to change notification settings - Fork 79.1k
v5: Update system font stack #30561
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
v5: Update system font stack #30561
Conversation
Shouldn't we drop |
Yup! You're right, thanks for the callout. Verified our browser support list and compared, it's safe to remove. |
I'm likely out of my league here, but researching updating my font-stack I can across issues with system-ui as below. #22377 |
I think we’re in the clear but I don’t know for sure. We’ll find out in testing :). |
Just a headup: #22377 (i.e. https://infinnie.github.io/blog/2017/systemui.html) is still an issue on Chinese Windows. |
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
system-ui was added to the native font stack in #30561 but the docs were not updated.
Summary: `system-ui` is provided by modern browsers as [a cross-platform default font](https://caniuse.com/font-family-system-ui). Using this font [was a controversial choice back in 2017](https://infinnie.github.io/blog/2017/systemui.html). because it did not address i18n well and therefore it was removed from Bootstrap [twbs/bootstrap#22377](twbs/bootstrap#22377). However, it was added back in Bootstrap v5 [twbs/bootstrap#30561](twbs/bootstrap#30561) since it got better over time. Fixes T15049. Test Plan: Tested locally for now. Reviewers: O1 Blessed Committers, avivey Reviewed By: O1 Blessed Committers, avivey Subscribers: Matthew, avivey, Cigaryno, 20after4, Ekubischta, speck, tobiaswiese, valerio.bozzolan Maniphest Tasks: T15049 Differential Revision: https://we.phorge.it/D25021
The |
Demo: https://codepen.io/emdeoh/pen/oNjgOPy.
caniuse.com data: https://caniuse.com/#feat=font-family-system-ui
Definitely needs more testing here, but latest Chrome and Safari support it, Firefox still needs
-apple-system
, and legacy Edge/IE (not that we care) require explicit fonts later on.Fixes #25604.