1. Типография
  2. font-style

Типография

font-style

Утилиты для управления стилем текста.

ClassStyles
italic
font-style: italic;
not-italic
font-style: normal;

Примеры

Курсивный текст

Используйте утилиту italic для создания курсивного текста:

Быстрая коричневая лиса перепрыгивает через ленивую собаку.

<p class="italic ...">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>

Отображение текста обычным шрифтом

Используйте утилиту not-italic для отображения текста обычным шрифтом:

Быстрая коричневая лиса перепрыгивает через ленивую собаку.

<p class="not-italic ...">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>

Адаптивный дизайн

Префикс a font-style утилита с вариантом контрольной точки, например md:, чтобы применить утилиту только при размерах экрана medium и выше:

<p class="italic md:not-italic ...">  Lorem ipsum dolor sit amet...</p>

Подробнее об использовании вариантов читайте в документации по вариантам.

Авторские права © 2025 Tailwind Labs Inc.·Политика в отношении товарных знаков