Font-stretch - Triky CSS

Anonim

font-stretchVlastnosť, predstavený v CSS3, vyberie normálne, kondenzované alebo rozšírené čelo z písma.

Aby bolo možné použiť font-stretcha vidieť výsledok nejakého druhu, použité písmo musí mať tvár zodpovedajúcu zadanej hodnote. Inými slovami, font-stretchnebude fungovať na akékoľvek písmo, ale iba na písma, ktoré sú navrhnuté s rôznymi tvárami zodpovedajúcimi definovaným veľkostiam.

p ( font-stretch: ultra-condensed; )

font-stretch akceptuje jednu z nasledujúcich hodnôt:

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

Ak konkrétne písmo nemá zastúpené všetky tváre, akákoľvek použitá hodnota sa namapuje na najbližšiu ekvivalentnú tvár. Normálne alebo kondenzované hodnoty sa namapujú na užšie písmo a rozšírené hodnoty sa namapujú na širšiu tvár alebo na najbližšiu užšiu tvár.

Pri podpore prehľadávačov font-stretchsa dajú použiť ako súčasť vlastnosti fontskratky.

Podpora prehľadávača

Chrome Safari Firefox Opera IE Android iOS
žiadny žiadny 9+ žiadny 9+ žiadny žiadny