Font smoothing

Syntax

Class
Properties
antialiased
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
subpixel-antialiased
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;

 

Font smoothing is only supported on Mac and OSX computers. It primarily affects how light text is displayed on a dark background.

<div class="t1 w-256 p-16 bg-c-black color-white shadow-4 font-weight-100 antialiased"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet ullamcorper neque. Donec placerat mi ut enim porttitor sagittis. </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
antialiased
t1 antialiased
.t1.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
subpixel-antialiased
t1 subpixel-antialiased
.t1.subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }