Font-stretch - CSS-Tricks

Anonim

A font-stretchpropriedade, introduzida no CSS3, seleciona uma face normal, condensada ou expandida de uma fonte.

Para usar font-stretche ver algum tipo de resultado, a fonte usada deve ter uma face que corresponda ao valor fornecido. Em outras palavras, font-stretchnão funcionará em qualquer fonte, mas apenas em fontes que são projetadas com faces diferentes correspondendo aos tamanhos definidos.

p ( font-stretch: ultra-condensed; )

font-stretch aceita um dos seguintes valores:

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

Se uma fonte específica não tiver todas as faces representadas, qualquer valor usado será mapeado para a face equivalente mais próxima. Os valores normais ou condensados ​​serão mapeados para uma fonte mais estreita e os valores expandidos serão mapeados para uma face mais larga ou então para a face mais estreita mais próxima.

Em navegadores de suporte, font-stretchpode ser usado como parte da fontpropriedade abreviada.

Suporte para navegador

cromada Safári Raposa de fogo Ópera IE Android iOS
Nenhum Nenhum 9+ Nenhum 9+ Nenhum Nenhum