-
Notifications
You must be signed in to change notification settings - Fork 1.2k
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
Improve font rendering on Linux #1529
Conversation
This is an attempt at fixing #1209. Further reading: - https://infinnie.github.io/blog/2017/systemui.html - https://blog.jim-nielsen.com/2020/system-fonts-on-the-web/
🦋 Changeset detectedLatest commit: efc7d4e The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
||
// Windows | ||
// Note this should be prioritized over `system-ui` to avoid legacy fonts. | ||
// See https://infinnie.github.io/blog/2017/systemui.html |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This post seems to be from 2017? So the browser/OS bugs might be fixed by now? On the other hand, I'm not sure how to test the problems. So maybe still good to keep "Segoe UI". 🤷
This is a fix to #1209. It adds
system-ui
to the $body-font stack while still prioritizing "Segoe UI" on Windows to avoid possible incorrect renderings described in this article.As explored by @nikwen,
system-ui
should allow Linux distros to render their UI fonts (Cantarell, Oxygen, Ubuntu, Inter etc).I've also added Windows 11's Segoe UI Variable to the stack.
Further reading:
/cc @primer/ds-core