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