Roztažení písma - Triky CSS

Anonim

font-stretchVlastnost, představený v CSS3, vybere normální, kondenzované nebo rozšířené čelo z písma.

Aby bylo možné použít font-stretcha vidět výsledek nějakého druhu, použité písmo musí mít obličej, který odpovídá dané hodnotě. Jinými slovy font-stretchnebude fungovat pouze u žádného písma, ale pouze u písem, která jsou navržena s různými tvářemi odpovídajícími definovaným velikostem.

p ( font-stretch: ultra-condensed; )

font-stretch přijímá jednu z následujících hodnot:

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

Pokud konkrétní písmo nemá zastoupené všechny tváře, libovolná použitá hodnota se namapuje na nejbližší ekvivalentní tvář. Normální nebo kondenzované hodnoty se namapují na užší písmo a rozšířené hodnoty se namapují na širší obličej nebo na nejbližší užší obličej.

V podpůrných prohlížečích font-stretchlze použít jako součást fontzkratkové vlastnosti.

Podpora prohlížeče

Chrome Safari Firefox Opera TJ Android iOS
žádný žádný 9+ žádný 9+ žádný žádný