Typography

Font Smoothing

Utilities for sets the antialiasing of the font.


Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

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

Usage

Set default font-smoothing with <body> tag.

<body class="antialiased">
...
</body>
HTML
body {
@extend
antialiased;
}
SCSS