CSS свойство font-stretch

Свойствоfont-stretch используется для уплотнения или расширения текста.

Свойство font-stretch не будет работать для каждого шрифта. Это свойство будет работать только в случае, если семейство шрифтов имеет начертания width-variant. Само свойство font-stretch не расширяет шрифт.

Свойство имеет следующие значения:

font-stretch:
ultra-condensed
extra-condensed
condensed
semi-condensed
normal
semi-expanded
expanded
extra-expanded
ultra-expanded

Значение по умолчанию	normal
Применяется	Ко всем элементам, а также к ::first-letter и ::first-line.
Наследуется	Да
Анимируемое	Да
Версия	CSS3
DOM синтаксис	object.style.fontStretch = "expanded";

Синтаксис

font-stretch: ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p {
      font-size: 4em;
      font-family: 'Myriad Pro';
      }
    </style>
  </head>
  <body>
    <p>
      <span style="font-stretch: ultra-condensed">A</span>
      <span style="font-stretch: extra-condensed">A</span>
      <span style="font-stretch: condensed">A</span>
      <span style="font-stretch: semi-condensed">A</span>
      <span style="font-stretch: normal">A</span>
      <span style="font-stretch: semi-expanded">A</span>
      <span style="font-stretch: expanded">A</span>
      <span style="font-stretch: extra-expanded">A</span>
      <span style="font-stretch: ultra-expanded">A</span>
    </p>
  </body>
</html>

Попробуйте сами!

Значения

Значение	Описание
ultra-condensed	Устанавливает самую узкую ширину символов текста.
extra-condensed	Устанавливает узкую ширину символов текста, но они не такие узкие, как при значении ultra-condensed.
condensed	Устанавливает узкую ширину символов текста но они не такие узкие, как при значении ultra-condensed.
semi-condensed	Устанавливает узкую ширину символов текста, но они не такие узкие, как при значении extra-condensed.
normal	Шрифт не расширяется. Значение по умолчанию.
semi-expanded	Текст становится шире обычного.
expanded	Текст становится шире, чем при значении semi-expanded.
extra-expanded	Текст становится шире, чем при значении expanded.
ultra-expanded	Текст имеет самую широкую ширину символов.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского.