Quote:
Originally Posted by Psymon
Interesting, I've seen that optimizeLegibility (or optimizeSpeed) thing before, and thought I had that in my code, but it seems not -- it wouldn't hurt to add it in, I suppose.
[...]
How to turn it off, though? Pffft! That's why I'm here (with my query)! 
I should probably add in that optimizeLegibility thing, too, like I said -- can't hurt, and thank you for that (even as a reminder).  |
This is one of the downsides of just randomly copying/pasting random code from the internet without actually
knowing what the individual parts are actually doing. This giant mess of code you posted is all trying to enable some OpenType functionality via CSS.
I would highly recommend reading these fantastic articles (they also include fantastic visual comparisons):
Each of them goes through reasons/locations where you might want to include each setting.
This is also another good article showing visual examples of each setting + the CSS to enable each one:
And Mozilla's
page on font-feature-settings is more developer-focused (but still fantastic). On the left-hand side, you can see select between different CSS properties you can use (like
font-variant-ligatures,
font-kerning, [...]).
Side Note: I was planning on writing a more in-depth article about this (for my blog, when that gets finalized lol). On Reddit a few months back, someone was posting about "O vs 0", and it was most likely an OpenType issue.
So I wrote a few decent answers explaining the situation.
Side Note #2: And like Hitch mentioned, if you don't specify it in your CSS, there ain't no way it's turning on. It's all
off by default (or parts of it already enabled/disabled by the browser/reading system when needed, like at certain font sizes... see
"text-rendering" at CSS-Tricks). And many times, some settings are off by default for good reason (may slow rendering down dramatically).