3 ms·

An old article, in some regions still relevant, on why not to use system ui font family. https://infinnie.github.io/blog/2017/systemui.html https://infinnie.gi

by stanac 1y ago

An old article, in some regions still relevant, on why not to use system ui font family. https://infinnie.github.io/blog/2017/systemui.html https://infinnie.github.io/blog/2017/systemui.html

IshKebab 1y ago
Interesting, though I'm not sure I want to take font advice from a website which such an awful st ligature!
rbits 1y ago
Unfortunate, because I like websites using my font choice
- WhyNotHugo 1y ago
  “sans-serif”, “serif” and “monospace” still resolve to your chosen/preferred font too.
fleebee 1y ago
I wasn't aware of this phenomenon. I did some digging and this is apparently indeed still an issue on CJK Windows. This PR to Bluesky has more recent discussion about it and offers workarounds: https://github.com/bluesky-social/social-app/pull/6139 https://github.com/bluesky-social/social-app/pull/6139
sph 1y ago
So the strongly worded argument is just because on one locale of an unsupported proprietary system, which renders their entire desktop and applications with an abysmal font, you might get your website rendered with an abysmal font? What if you get a terrible font choice on the standard `font-family: sans-serif`? Should all my visitors have to download 100 KB of external fonts because Microsoft are inept? Meh, for my personal website, I'll keep using system-ui.
- antonvs 1y ago
  The issue is broader than that. The article's addendum points out that both Bootstrap and GitHub removed system-ui from their font stack, and another comment in this subthread mentions that Bluesky has done the same. In each case there's a link to comments and/or a PR which gives reasons. Bootstrap later added it back, but in the PR discussion it was pointed out that this is still an issue on Chinese and Korean Windows, at least. > Meh, for my personal website, I'll keep using system-ui. Well sure, but in that case you could also use your own personal language that no-one else knows.
tosh 1y ago
Interestingly Bootstrap has removed "system-ui" in 2017 https://github.com/twbs/bootstrap/pull/22377/files https://github.com/twbs/bootstrap/pull/22377/files but it's back in the current one: https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L606 https://github.com/twbs/bootstrap/blob/main/scss/_variables....
- Thorrez 1y ago
  It was added back in 2020 by https://github.com/twbs/bootstrap/pull/30561 https://github.com/twbs/bootstrap/pull/30561

by stanac 1y ago

An old article, in some regions still relevant, on why not to use system ui font family. https://infinnie.github.io/blog/2017/systemui.html https://infinnie.github.io/blog/2017/systemui.html

IshKebab 1y ago

Interesting, though I'm not sure I want to take font advice from a website which such an awful st ligature!

rbits 1y ago

Unfortunate, because I like websites using my font choice

WhyNotHugo 1y ago
“sans-serif”, “serif” and “monospace” still resolve to your chosen/preferred font too.

fleebee 1y ago

I wasn't aware of this phenomenon. I did some digging and this is apparently indeed still an issue on CJK Windows. This PR to Bluesky has more recent discussion about it and offers workarounds: https://github.com/bluesky-social/social-app/pull/6139 https://github.com/bluesky-social/social-app/pull/6139

sph 1y ago

So the strongly worded argument is just because on one locale of an unsupported proprietary system, which renders their entire desktop and applications with an abysmal font, you might get your website rendered with an abysmal font? What if you get a terrible font choice on the standard `font-family: sans-serif`? Should all my visitors have to download 100 KB of external fonts because Microsoft are inept? Meh, for my personal website, I'll keep using system-ui.

antonvs 1y ago
The issue is broader than that. The article's addendum points out that both Bootstrap and GitHub removed system-ui from their font stack, and another comment in this subthread mentions that Bluesky has done the same. In each case there's a link to comments and/or a PR which gives reasons. Bootstrap later added it back, but in the PR discussion it was pointed out that this is still an issue on Chinese and Korean Windows, at least. > Meh, for my personal website, I'll keep using system-ui. Well sure, but in that case you could also use your own personal language that no-one else knows.

tosh 1y ago

Interestingly Bootstrap has removed "system-ui" in 2017 https://github.com/twbs/bootstrap/pull/22377/files https://github.com/twbs/bootstrap/pull/22377/files but it's back in the current one: https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L606 https://github.com/twbs/bootstrap/blob/main/scss/_variables....

Thorrez 1y ago
It was added back in 2020 by https://github.com/twbs/bootstrap/pull/30561 https://github.com/twbs/bootstrap/pull/30561