Ligatures might look beautiful, but my brain just says "nope, I don't know this symbol" and refuses to process it in a meaningful way.
Ligatures might look beautiful, but my brain just says "nope, I don't know this symbol" and refuses to process it in a meaningful way.
font-variant-ligatures: none !important;
font-feature-settings: "liga" off !important;
in my userContent.css, so I had to stare at the three examples for too long because the second and third looked identical to me. After disabling the rules, I can see what they're going for.I have those rules in my userContent.css because I get livid when I see ligatures in a fixed-width font (often, but not always, code blocks) where for instance the 'fi' ligature takes up one horizontal space. I don't know enough about css, maybe there is a way to specify that I want to disable them only in contexts where the font is fixed-width?
edit: [0] seems to say that this is not possible with plain CSS / userContent.css
Ligatures in fixed-width fonts are almost always an aberration, on the other hand.