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
class | css |
---|---|
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