1. Tipografía
  2. font-style

Tipografía

font-style

Utilidades para controlar el estilo del texto.

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

Ejemplos

Poner texto en cursiva

Utiliza la utilidad italic para poner el texto en cursiva:

El rápido zorro marrón salta sobre el perro perezoso.

<p class="italic ...">El rápido zorro marrón ...</p>

Mostrando texto normalmente

Utiliza la utilidad not-italic para mostrar el texto normalmente:

El rápido zorro marrón salta sobre el perro perezoso.

<p class="not-italic ...">El rápido zorro marrón ...</p>

Responsive design

Prefija una utilidad font-style con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:

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

Aprende más sobre el uso de variantes en la documentación de variantes.

Copyright © 2025 Tailwind Labs Inc.·Política de Marca Registrada