So here's a weird thing: images are considered 'inline' elements. We need to explicitly turn it off, by setting -webkit-font-smoothing to antialiased. I'm guessing they realized that it was doing more harm than good on modern hardware.Ĭonfusingly, MacOS browsers like Chrome and Safari still use subpixel antialiasing by default. In MacOS Mojave, released in 2018, Apple disabled subpixel antialiasing across the operating system. If you look at a modern monitor under a microscope, you won't see an orderly grid of R/G/B lines anymore. The physical arrangement of pixel LEDs has changed as well. Today's pixels are much smaller, invisible to the naked eye. Here's the problem: that article was written in 2012, before the era of high-DPI “retina” displays. You may have read a popular blog post, Stop “Fixing” Font Smoothing, that advocates against switching to “antialiased”. In the past, this was seen as an accessibility win, because it improved text contrast. This is a technique that aims to make text easier to read, by leveraging the R/G/B lights within each pixel. On MacOS computers, the browser will use “subpixel antialiasing” by default.
Alright, so this one is a bit controversial.
