Notes Avoid CSS font-smoothing
- Published
- June 24, 2019
- Written by
- Andreas Nymark
- Labeled with
- css, typography, font-smoothing
Reading the overall good "5 Keys to Accessible Web Typography" by Matej Latin, I can’t help to point out the CSS font-smoothing part where Matej recommends anti-aliased font-smoothing for light text on dark background.
If you’re looking for a lighter text, go for a lighter weight. Font-smoothing will not work for every user, you’re just "fixing" it for the few. It has also been removed from the specification. Yes, you’ll need to load an extra weight. But variable fonts are at the horizon.
Zach Leatherman visualise font-smoothing in his post "Laissez-faire Font Smoothing and Anti-aliasing".
Update
For me, this is still not a binary thing but I’m less rigid. Screens with higher resolution is more common. macOS has subpixel antialiasing disabled across the operating system. In some cases., I think the font weight difference is easier to spot with antialiased setting.
In this CSS Reset, Josh W. Comeau reasons why it should be default: Custom CSS Reset: #5 Improve Text Rendering