Font-stretch - CSS-temppuja

Anonim

font-stretchOminaisuus, käyttöön CSS3, valitsee normaali, laajennetun tai tiivistetyn kasvoja fontti.

Jos haluat käyttää font-stretchja nähdä jonkinlaisen tuloksen, käytetyn fontin on oltava kasvot, joka vastaa annettua arvoa. Toisin sanoen, font-stretchse ei toimi millään kirjasimella, vaan vain kirjasimilla, jotka on suunniteltu erilaisilla kasvoilla, jotka vastaavat määriteltyjä kokoja.

p ( font-stretch: ultra-condensed; )

font-stretch hyväksyy yhden seuraavista arvoista:

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

Jos tietyssä kirjasimessa ei ole kaikkia kasvoja, kaikki käytetyt arvot kartoitetaan lähimpään vastaavaan kasvoon. Normaalit tai tiivistetyt arvot kartoittavat kapeamman fontin ja laajennetut arvot leveämmät tai lähinnä kapeammat kasvot.

Tukevissa selaimissa font-stretchsitä voidaan käyttää osana fontlyhytominaisuutta.

Selaimen tuki

Kromi Safari Firefox Ooppera IE Android iOS
ei mitään ei mitään 9+ ei mitään 9+ ei mitään ei mitään