Does CSS Font Smoothing Actually Do Anything? (A Test)
Ever seen CSS properties like -webkit-font-smoothing: antialiased or text-rendering: optimizeLegibility in a stylesheet and wondered if they actually do anything?
In this video, I'm testing these font smoothing properties to see if they make a visible difference in a modern browser (Chrome). These properties are supposed to make text look smoother and more readable, especially on certain operating systems (like macOS) and Webkit/Safari browsers.
But can you see the difference? I'm adding the properties to some test text, zooming in, and toggling them on and off to find out.
Let me know in the comments if you can spot the change, or if you think these properties are just a holdover from an older era of web design!
⌚Timestamps🏹
0:00 About
0:21 Adding some test text and classes
0:57 Adding Multiple Fonts
1:09 Adding the Font Smoothing Tags
1:46 Testing the Smoothing Difference
#css #fontsmoothing #webdevelopment #frontend #csstips