font-style - CSS

Resumen

La propiedad font-style permite definir el aspecto de una familia tipográfica entre los valores: normal, italic (cursiva) y oblique.

Valor inicial	`normal`
Applies to	all elements. It also applies to `::first-letter` and `::first-line`.
Heredable	yes
Media	visual
Valor calculado	como se especifica
Animation type	discrete
Canonical order	el orden único no-ambigüo definido por la gramática formal

Sintaxis

font-style: normal;
font-style: italic;
font-style: oblique;

/* Valores globales */
font-style: inherit;
font-style: initial;
font-style: unset;

Valores

normal: Escoge un tipo de letra clasificado como normal dentro de una familia de fuente.
italic: Escoge un tipo de letra etiquetado como italic, o, si una versión cursiva del tipo de letra no esté disponible, escoge un tipo de letra etiquetado como oblique en lugar de eso.
oblique: Escoge un tipo de letra etiquetado como oblique, o, si una versión oblique del tipo de letra no esté disponible, escoge un tipo de letra etiquetado como italic en lugar de eso.

Sintaxis formal

normal | italic | oblique <angle>?

Ejemplo

El ejemplo muestra los valores diferentes de font-style.

<p class="normal">This paragraph is normal.</p>
<p class="italic">This paragraph is italic.</p>
<p class="oblique">This paragraph is oblique.</p>

.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

Ten en cuenta que no todas las fuentes tienen tipos de letra distintos para oblique y italic, si este no es el caso, los navegadores simulan el estilo que falta utilizando el tipo de letra presente. Un ejemplo de representación de una fuente con ambos tipos de letra:

Especificaciones

Especificación	Estado	Comentario
CSS Fonts Module Level 3 La definición de 'font-style' en esta especificación.	Candidate Recommendation	Sin cambio
CSS Level 2 (Revision 1) La definición de 'font-style' en esta especificación.	Recommendation	Sin cambio
CSS Level 1 La definición de 'font-style' en esta especificación.	Recommendation	Definición inicial

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Escritorio
Móvil

Característica	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Apoyo básico	1.0	1.0 (1.7 o anterior) [1]	4.0	7.0	1.0

Característica	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Apoyo básico	1.0	1.0 (1) [1]	6.0	6.0	1.0

[1] Antes de Firefox 44, Gecko no hacía diferencia entre oblique y italic. Desde entonces, Gecko usa el tipo de letra correcto si está disponible.