La font-stylepropiedad le permite hacer que el texto aparezca en cursiva (es decir, inclinado o inclinado).
em ( font-style: italic; )Esta propiedad acepta uno de tres valores posibles: normal, italic, y oblique.
Si una familia de fuentes determinada tiene incrustada una cara en cursiva u oblicua, el navegador seleccionará esa cara. Si no hay ninguna cara en cursiva u oblicua disponible, el navegador imitará el efecto de inclinación. Si se define la cursiva y no hay una cara en cursiva disponible, el navegador buscará una cara oblicua antes de intentar imitar la cursiva. Lo mismo se aplica a los oblicuos; también buscará primero una cara en cursiva.
Para evitar que el navegador agregue una versión imitada o sintetizada de la cara en cursiva u oblicua, puede usar la font-synthesispropiedad (si es compatible).
Cursiva frente a oblicua
Según la especificación, "las formas en cursiva son generalmente de naturaleza cursiva, mientras que las caras oblicuas suelen ser versiones inclinadas de la cara normal". Sin embargo, si la fuente que se está utilizando no tiene caracteres en cursiva u oblicuos disponibles, en la mayoría de los casos hay poca o ninguna diferencia entre cursiva y oblicua.
La siguiente demostración muestra tanto cursiva como oblicua:
Vea Pen Italic vs.Olique con estilo de fuente CSS de CSS-Tricks (@ css-tricks) en CodePen.
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| Trabajos | Trabajos | Trabajos | Trabajos | Trabajos | Trabajos | Trabajos |