Skip to content
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

Handle the Ubuntu sans-serif case #31657

Merged
merged 2 commits into from Oct 22, 2020
Merged

Handle the Ubuntu sans-serif case #31657

merged 2 commits into from Oct 22, 2020

Conversation

ffoodd
Copy link
Member

@ffoodd ffoodd commented Sep 15, 2020

On Ubuntu, our native font-stack doesn't output the same font on Firefox and Chrome. This is a known aliasing issue — check at the bottom, Ubuntu 14.04. Ubuntu 18.04 (my current) doesn't use the same (Firefox uses Liberation Sans, Chrome uses the default system font Ubuntu).

I'm inclined to prefer Liberation Sans since it's closer to Arial / Helvetica. This patch already exists in Boosted, didn't notice it was missing in bootstrap until today…

BTW, our linked Smashing Magazine's system fonts post mentions this and is even more accurate since it targets the three major Linux distributions. AFAIK this is not needed since Liberation Sans is available everywhere — but we might go back to Oxygen, Ubuntu, Cantarellif we want to stick to system fonts.

On Ubuntu, our native font-stack doesn't output the same font on Firefox and Chrome. This is [a known aliasing issue](http://fontfamily.io/sans-serif) — check at the bottom, Ubuntu 14.04. Ubuntu 18.04 (my current) doesn't use the same (Firefox uses Liberation Sans, Chrome uses the default system font Ubuntu).

I'm inclined to prefer Liberation Sans since it's closer to Arial / Helvetica. This patch already exists in Boosted, didn't notice it was missing in bootstrap until today…

BTW, our linked Smashing Magazine's system fonts post mentions this and is even more accurate since it targets the three major Linux distributions. AFAIK this is not needed since [Liberation Sans is available everywhere](http://fontfamily.io/Liberation_Sans) — but we might go back to `Oxygen, Ubuntu, Cantarell`if we want to stick to system fonts.
@ffoodd
Copy link
Member Author

ffoodd commented Sep 15, 2020

As suggested by @XhmikosR I made a reduced test case for emoji fonts. Both of Chrome and Firefox on Ubuntu 18.04 get the Noto Color Emoji font, so I guess we're covered here.

I also found that Liberation has a monospace font that we might use, however Firefox and Chrome are aliased on this one by using Deja Vu Mono.

@mdo mdo added this to Inbox in v5.0.0-alpha3 via automation Sep 17, 2020
@mdo mdo moved this from Inbox to Review in v5.0.0-alpha3 Sep 18, 2020
@XhmikosR XhmikosR added this to Inbox in v4.6.0 Sep 18, 2020
v5.0.0-alpha3 automation moved this from Review to Approved Oct 21, 2020
@XhmikosR XhmikosR merged commit 341bd5a into main Oct 22, 2020
v5.0.0-alpha3 automation moved this from Approved to Shipped Oct 22, 2020
@XhmikosR XhmikosR deleted the main-fod-font-stack-ubuntu branch October 22, 2020 06:28
@XhmikosR XhmikosR moved this from Inbox to Cherry-picked/Manually backported in v4.6.0 Oct 22, 2020
XhmikosR added a commit that referenced this pull request Oct 22, 2020
On Ubuntu, our native font-stack doesn't output the same font on Firefox and Chrome. This is [a known aliasing issue](http://fontfamily.io/sans-serif) — check at the bottom, Ubuntu 14.04. Ubuntu 18.04 (my current) doesn't use the same (Firefox uses Liberation Sans, Chrome uses the default system font Ubuntu).

I'm inclined to prefer Liberation Sans since it's closer to Arial / Helvetica. This patch already exists in Boosted, didn't notice it was missing in bootstrap until today…

BTW, our linked Smashing Magazine's system fonts post mentions this and is even more accurate since it targets the three major Linux distributions. AFAIK this is not needed since [Liberation Sans is available everywhere](http://fontfamily.io/Liberation_Sans) — but we might go back to `Oxygen, Ubuntu, Cantarell`if we want to stick to system fonts.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
XhmikosR added a commit that referenced this pull request Oct 27, 2020
On Ubuntu, our native font-stack doesn't output the same font on Firefox and Chrome. This is [a known aliasing issue](http://fontfamily.io/sans-serif) — check at the bottom, Ubuntu 14.04. Ubuntu 18.04 (my current) doesn't use the same (Firefox uses Liberation Sans, Chrome uses the default system font Ubuntu).

I'm inclined to prefer Liberation Sans since it's closer to Arial / Helvetica. This patch already exists in Boosted, didn't notice it was missing in bootstrap until today…

BTW, our linked Smashing Magazine's system fonts post mentions this and is even more accurate since it targets the three major Linux distributions. AFAIK this is not needed since [Liberation Sans is available everywhere](http://fontfamily.io/Liberation_Sans) — but we might go back to `Oxygen, Ubuntu, Cantarell`if we want to stick to system fonts.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
XhmikosR added a commit that referenced this pull request Oct 27, 2020
On Ubuntu, our native font-stack doesn't output the same font on Firefox and Chrome. This is [a known aliasing issue](http://fontfamily.io/sans-serif) — check at the bottom, Ubuntu 14.04. Ubuntu 18.04 (my current) doesn't use the same (Firefox uses Liberation Sans, Chrome uses the default system font Ubuntu).

I'm inclined to prefer Liberation Sans since it's closer to Arial / Helvetica. This patch already exists in Boosted, didn't notice it was missing in bootstrap until today…

BTW, our linked Smashing Magazine's system fonts post mentions this and is even more accurate since it targets the three major Linux distributions. AFAIK this is not needed since [Liberation Sans is available everywhere](http://fontfamily.io/Liberation_Sans) — but we might go back to `Oxygen, Ubuntu, Cantarell`if we want to stick to system fonts.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
@XhmikosR XhmikosR moved this from Cherry-picked/Manually backported to Shipped in v4.6.0 Oct 27, 2020
@XhmikosR XhmikosR added the v4 label Oct 30, 2020
@jrochkind
Copy link

jrochkind commented Jun 14, 2023

(Deleted previous question to answer it myself), for those looking for it, "our linked Smashing Magazine's system fonts post" may be https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/ linked at eg https://getbootstrap.com/docs/5.3/content/reboot/ ?

Although it's pretty short and doesn't seem to mention aliasing, not sure.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
v4.6.0
Shipped
v5.0.0-alpha3
  
Shipped
Development

Successfully merging this pull request may close these issues.

None yet

4 participants