freeCodeCamp/guide/spanish/css/properties/font-variant-property/index.md

1.4 KiB

title localeTitle
Font Variant Variante de fuente

Propiedad variante de fuente

La propiedad font-variant se usa más comúnmente para cambiar el texto dirigido a mayúsculas. El valor predeterminado es normal .

p { 
  font-variant: small-caps; 
 } 

La propiedad también acepta all-small-caps , petite-caps , all-petite-caps , unicase titling-caps y unicase ; sin embargo, estos son nuevos en CSS3 y aún no están bien soportados.

Tenga en cuenta que si usa mayúsculas en el marcado HTML, esto anulará el valor de las mayúsculas pequeñas, lo que dará como resultado letras mayúsculas regulares. Si desea mantener el marcado en mayúsculas, pero cambiar a mayúsculas con CSS, simplemente configure text-transform: lowercase junto con su declaración de mayúsculas y text-transform: lowercase .

Si bien las mayúsculas pueden agregar un toque de elegancia a su tipografía, los diseñadores recomiendan usarlas solo si están integradas en la fuente. Las minúsculas "falsas" son versiones reducidas generadas por computadora de mayúsculas. Las pequeñas gorras "reales", por otro lado, están dibujadas por separado por el diseñador de tipos y aparecen un poco más anchas y gordas que las "falsas".

Más información:

Diseño para hackers

Variante de fuente en MDN