Font-stretch - CSS-Tricks

Anonim

font-stretchWłaściwość, wprowadzony w CSS 3, wybiera się normalnie, skrócone lub rozszerzone twarz z czcionki.

Aby użyć font-stretchi zobaczyć jakiś wynik, używana czcionka musi mieć twarz odpowiadającą podanej wartości. Innymi słowy, font-stretchnie będzie działać z każdą czcionką, ale tylko z czcionkami zaprojektowanymi z różnymi twarzami pasującymi do zdefiniowanych rozmiarów.

p ( font-stretch: ultra-condensed; )

font-stretch akceptuje jedną z następujących wartości:

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

Jeśli dana czcionka nie zawiera wszystkich reprezentowanych twarzy, każda użyta wartość zostanie przypisana do najbliższej równoważnej twarzy. Wartości normalne lub skondensowane zostaną odwzorowane na węższą czcionkę, a wartości rozszerzone na szerszą lub najbliższą węższą.

We wspieraniu przeglądarek font-stretchmoże być używany jako część fontwłaściwości shorthand.

Wsparcie przeglądarki

Chrom Safari Firefox Opera TO ZNACZY Android iOS
Żaden Żaden 9+ Żaden 9+ Żaden Żaden