Skip to content

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

Merged
merged 3 commits into from
Apr 14, 2020
Merged

v5: Update system font stack #30561

merged 3 commits into from
Apr 14, 2020

Conversation

mdo
Copy link
Member

@mdo mdo commented Apr 11, 2020

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.

@mdo mdo requested a review from a team as a code owner April 11, 2020 20:18
@MartijnCuppens
Copy link
Member

Shouldn't we drop BlinkMacSystemFont here?

@mdo
Copy link
Member Author

mdo commented Apr 13, 2020

Shouldn't we drop BlinkMacSystemFont here?

Yup! You're right, thanks for the callout. Verified our browser support list and compared, it's safe to remove.

@MartijnCuppens MartijnCuppens merged commit be9a237 into master Apr 14, 2020
@MartijnCuppens MartijnCuppens deleted the system-v5-ui branch April 14, 2020 21:15
@BryceAMcDaniel
Copy link

I'm likely out of my league here, but researching updating my font-stack I can across issues with system-ui as below.

#22377
Does this still apply?

@mdo
Copy link
Member Author

mdo commented Apr 24, 2020

I think we’re in the clear but I don’t know for sure. We’ll find out in testing :).

@fireattack
Copy link

Just a headup: #22377 (i.e. https://infinnie.github.io/blog/2017/systemui.html) is still an issue on Chinese Windows.

olsza pushed a commit to olsza/bootstrap that referenced this pull request Oct 3, 2020
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
XhmikosR pushed a commit that referenced this pull request Dec 15, 2020
system-ui was added to the native font stack in #30561 but the docs were not updated.
Matthewrbowker pushed a commit to phorgeit/phorge that referenced this pull request Oct 9, 2022
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
@quiple
Copy link

quiple commented Feb 4, 2025

The system-ui still causes issues on Korean as well as Chinese Windows. bluesky-social/social-app#6139

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Update system font stack
5 participants