Font-stretch - CSS-tricks

Anonim

Den font-stretchegenskab, der blev indført i CSS3, vælger en normal, komprimeret eller udvidet ansigt fra en skrifttype.

For at bruge font-stretchog se et resultat af en eller anden art skal den anvendte skrifttype have et ansigt, der matcher den angivne værdi. Med andre ord font-stretchfungerer det ikke på nogen skrifttype, men kun på skrifttyper, der er designet med forskellige ansigter, der matcher de definerede størrelser.

p ( font-stretch: ultra-condensed; )

font-stretch accepterer en af ​​følgende værdier:

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

Hvis en bestemt skrifttype ikke har alle ansigterne repræsenteret, kortlægges enhver anvendt værdi til det nærmeste tilsvarende ansigt. Normale eller kondenserede værdier kortlægges til en smallere skrifttype og udvidede værdier kortlægges til et bredere ansigt, ellers det nærmeste smallere ansigt.

I understøttende browsere font-stretchkan det bruges som en del af fontstenografi-ejendommen.

Browsersupport

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