Why did the fonts change? I see Segoe UI and Cascadia for code, but Cascadia mono looks really bad to me (W10E, Firefox, 90%, 75pi screen).
Why the change? Can I revert just for me?
Why did the fonts change? I see Segoe UI and Cascadia for code, but Cascadia mono looks really bad to me (W10E, Firefox, 90%, 75pi screen).
Why the change? Can I revert just for me?
As Aaron puts it on the announcement post We are switching to system fonts on May 10, 2021:
... [O]ur original font stack used Arial across macOS, iOS, and Windows. Arial was first created in 1982, and has served the web well for decades. But technology moves on. Modern system typefaces look better on both new high DPI screens, and old screens alike. Apple’s San Francisco and Microsoft’s Segoe both look great on retina displays, have more expressive weights, and improve readability across all contexts. With more weights, we can have better hierarchy.
I've no idea what the above all means but it is impressive and backed by no less than Github.
In some answers on the announcement post as well as in Custom Fonts User Script: Revert or Improve the Font Updates you'll find both userscripts and/or userstyles to undo the cheese move.
Some wonder in the comments when IF
was invented and when we will get rid of that. IF
was part of Lisp and Algol which dates backs to 1958. I assume IF
will be abolished in the next 6 to 8 weeks.
return
statement in programming languages. I mean, come on, returning text? That's SO 1980's!
I don't care.
I'm usually one for piling on anything SO does that I don't like, but this just seems so trivial. I understand every change is going to bother someone, but this one's a big "meh" for me.
If any other passer-by feels the same, they can leave their upvotes (or downvotes) here.
I could revert thanks to this script js for Greasemonkey (on firefox) or Tampermonkey (on Chrome):
I think also that instead of any Cascadia Mono
, they meant Cascadia Code Light
or so, which is IMHO a lot more appropriate because of its ligatures and readability (try those with each):
iI 1 lL oO0 rn m __global__ <= --> <==
(from https://stackapps.com/questions/8932/custom-fonts-user-script-revert-or-improve-the-font-updates)
Cascadia Code Light
. Font ligatures for programming? That's just a nightmare for my eyes.
Dec 13, 2021 at 20:47
Not trying to be insulting, I thought my rendering had gone wrong, that I needed to check a setting somewhere in my OS.
I wasn't thinking about wether I liked it or not, I actually thought something was broken, it looks very sharp, jagged (sorry, not a designer, dont know the proper terms) and found it harder to read. And I'm working on a Mac, which often shows font nice.
Knowing it was intended is a little relieve, guess I'll give it a go, see if I get used to it. But I've been taught to keep an eye out for a first feeling when there is a design change :)
sans-serif
, which is the sans serif font you can choose yourself in your browser settings. So if that's bad, it's your own damn fault; don't go blaming others.
May 12, 2021 at 1:12
Reposting my userstyle from the meta SE question:
This should fix both sans-serif and monospace. It also fixes hardcoded fonts within textareas and codeblocks that don't use the font variables for some reason. This should work in both Stylus (tested) and Stylish (untested).
@-moz-document domain("stackoverflow.com"), domain("stackexchange.com"), domain("askubuntu.com"), domain("superuser.com"), domain("serverfault.com"), domain("stackapps.com"),
domain("mathoverflow.net") {
body {
--ff-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;
--ff-mono: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;
}
code, .s-prose code, pre.s-code-block, textarea.wmd-input, textarea#wmd-input, .full-diff .content {
font-family: var(--ff-mono);
}
.top-bar, .topbar-dialog, #user-menu, .topbar-dialog .header h3 a, .topbar-dialog .pinned-site-editor-container .remove-pinned-site-link a, .topbar-dialog .modal-content .message-text h4 {
font-family: var(--ff-sans) !important;
}
}
(https://gist.github.com/SuperStormer/60a5e5c7e9549e9ed865a579df6f11be)
There is a Chrome extension that can help users customize code fonts. The earliest it was used to fix translation problems, but I found that another feature of it can also be used to customize code fonts. I hope it will be helpful to those who are keen to improve fonts.
https://chrome.google.com/webstore/detail/fix-translation/nefkkabmejdacaifhjoinegmoggdbgee
I have a custom-tailored Chrome extension to bring back the old fonts:
This was originally developed to revert the formatting changes (specifically the line height change) introduced in August 2020, but has since been extended to support other revertable changes as well.
I added the option to revert fonts back in May, but didn't get around being lazy till now and finally decided to post this. Hopefully people are still searching for easy solutions to the new fonts 😅