Font-stretch - CSS-tricks

Anonim

Den font-stretchegenskapen, introducerades i CSS3, väljer en normal, kondenserade eller expanderad ansikte från ett teckensnitt.

För att använda font-stretchoch se ett resultat av något slag måste teckensnittet som används ha ett ansikte som matchar det angivna värdet. Fungerar med andra ord font-stretchinte på något typsnitt utan bara på teckensnitt som är utformade med olika ansikten som matchar de definierade storlekarna.

p ( font-stretch: ultra-condensed; )

font-stretch accepterar något av följande värden:

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

Om ett visst teckensnitt inte har alla ansikten representerade kommer varje värde som används att mappas till närmast motsvarande ansikte. Normala eller kondenserade värden mappas till ett smalare teckensnitt och utvidgade värden kartläggs till ett bredare ansikte eller annars närmaste smalare ansikte.

I stödjande webbläsare font-stretchkan den användas som en del av fontförkortningen.

Webbläsarstöd

Krom Safari Firefox Opera IE Android iOS
ingen ingen 9+ ingen 9+ ingen ingen