Типография
Утилиты для управления сглаживанием шрифтов элемента.
| Class | Styles |
|---|---|
antialiased | -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; |
subpixel-antialiased | -webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto; |
Используйте утилиту antialiased для отображения текста с использованием сглаживания в оттенках серого:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="antialiased ...">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>Используйте утилиту subpixel-antialiased для отображения текста с использованием субпиксельного сглаживания:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="subpixel-antialiased ...">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>Префикс утилит -webkit-font-smoothing and -moz-osx-font-smoothing с вариантом контрольной точки, например md:, чтобы применить утилиту только при размерах экрана medium и выше:
<p class="antialiased md:subpixel-antialiased ..."> Lorem ipsum dolor sit amet...</p>Подробнее об использовании вариантов читайте в документации по вариантам.