Estilo de fuente de CSS

Estilo de fuente

font-style Esta propiedad se utiliza principalmente para especificar texto cursiva.

Esta propiedad puede establecer tres valores:

  • normal - El texto se muestra de manera normal
  • italic - El texto se muestra en cursiva
  • oblique - El texto se inclina (el inclinado es muy similar al cursiva, pero admite menos)

Ejemplo

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Prueba personalmente

Grosor de fuente

font-weight La propiedad especifica el grosor de la fuente:

Ejemplo

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Prueba personalmente

Variante de fuente

font-variant La propiedad especifica si se muestra el texto en una fuente small-caps (pequeñas mayúsculas).

En la fuente small-caps, todas las letras minúsculas se convertirán en mayúsculas. Sin embargo, el tamaño de la fuente de las mayúsculas convertidas es menor que el tamaño de la fuente de las mayúsculas originales en el texto.

Ejemplo

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Prueba personalmente