Font-stretch - Trucos CSS

Anonim

La font-stretchpropiedad, introducida en CSS3, selecciona una cara normal, condensada o expandida de una fuente.

Para usar font-stretchy ver un resultado de algún tipo, la fuente que se usa debe tener una cara que coincida con el valor dado. En otras palabras, font-stretchno funcionará en cualquier fuente, sino solo en fuentes diseñadas con diferentes caras que coincidan con los tamaños definidos.

p ( font-stretch: ultra-condensed; )

font-stretch acepta uno de los siguientes valores:

  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • normal
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Si una fuente en particular no tiene todas las caras representadas, cualquier valor utilizado se asignará a la cara equivalente más cercana. Los valores normales o condensados ​​se asignarán a una fuente más estrecha y los valores expandidos se asignarán a una cara más ancha, o bien a la cara más estrecha más cercana.

En los navegadores compatibles, font-stretchse puede utilizar como parte de la fontpropiedad de taquigrafía.

Soporte del navegador

Cromo Safari Firefox Ópera ES DECIR Androide iOS
ninguno ninguno 9+ ninguno 9+ ninguno ninguno