Font-stretch - CSS-трикове

Anonim

В font-stretchимота, въведена в CSS3, избира нормално, кондензирано или разширява лице от шрифт.

За да се използва font-stretchи види някакъв резултат, използваният шрифт трябва да има лице, което съответства на дадената стойност. С други думи, font-stretchняма да работи само с който и да е шрифт, а само с шрифтове, които са проектирани с различни лица, отговарящи на определените размери.

p ( font-stretch: ultra-condensed; )

font-stretch приема една от следните стойности:

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

Ако даден шрифт не представя всички лица, всяка използвана стойност ще се преобразува в най-близкото еквивалентно лице. Нормалните или кондензираните стойности ще се преобразуват в по-тесен шрифт, а разширените стойности ще се преобразуват в по-широко лице или в най-близкото тясно лице.

В поддържащите браузъри font-stretchможе да се използва като част от fontстенографското свойство.

Поддръжка на браузър

Chrome Сафари Firefox Опера IE Android iOS
нито един нито един 9+ нито един 9+ нито един нито един