Typography

Font Smoothing

Utilities for controlling the font smoothing of an element.

Basic usage

Applying font smoothing

Use the subpixel-antialiased utility to render text using subpixel antialiasing and the antialiased utility to render text using grayscale antialiasing.

subpixel-antialiased

The quick brown fox jumps over the lazy dog.

antialiased

The quick brown fox jumps over the lazy dog.

<p className="**subpixel-antialiased** ...">The quick brown fox ...</p>
<p className="**antialiased** ...">The quick brown fox ...</p>