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 veloz zorro marrón salta sobre el perro perezoso.

<p class="italic ...">El veloz zorro marrón ...</p>

Mostrar texto normalmente

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

El veloz zorro marrón salta sobre el perro perezoso.

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

Diseño responsivo

Antepone a la utilidad font-style el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:

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

Obtén más información sobre el uso de variantes en la documentación de variantes.

Copyright © 2026 Tailwind Labs Inc.·Política de marcas registradas