Font-stretch css

`font-stretch` - это CSS-свойство, которое определяет уровень растяжения или сжатия шрифта. Оно позволяет управлять шириной глифов (символов) в тексте без изменения размера шрифта. Это свойство может быть полезным для достижения определенного дизайнерского эффекта или адаптации текста под определенные условия отображения.

Синтаксис `font-stretch` выглядит следующим образом:

```css

font-stretch: значение;

```

Значение `font-stretch` может быть одним из следующих:

- `normal` (по умолчанию): Шрифт будет отображаться с нормальной шириной глифов.

- `ultra-condensed`: Сжатый шрифт. Глифы будут узкими.

- `extra-condensed`: Дополнительно сжатый шрифт.

- `condensed`: Сжатый шрифт.

- `semi-condensed`: Полусжатый шрифт.

- `semi-expanded`: Полурасширенный шрифт.

- `expanded`: Расширенный шрифт.

- `extra-expanded`: Дополнительно расширенный шрифт.

- `ultra-expanded`: Расширенный шрифт. Глифы будут широкими.

Пример использования:

```css

p {

 font-stretch: condensed;

}

```

В этом примере текст в элементах `<p>` будет отображаться с сжатыми глифами, что сделает его более узким.

Важно отметить, что поддержка `font-stretch` в различных браузерах может быть ограниченной, и не все шрифты поддерживают все значения `font-stretch`. Поэтому при использовании этого свойства стоит тестировать результат в разных браузерах, чтобы убедиться, что оно работает как ожидается.