Как сделать, чтобы при изменении размера блока, текст сохранял пропорции?

Question

[Елисей Карамышев]

Как сделать, чтобы при изменении размера блока, текст сохранял пропорции?
То есть:
Чтобы из такого ---->
Получалось такое --->

Вместо такого --->

Answer 1

[Александр Шемаханов]

Например через свойство transform

Answer 2

[GlazOtca]

Тут нужен расчет. Исходные данные: минимальная и максимальная ширина блока, минимальный и максимальный размер шрифта. Все это используется в css-функции для задания размера шрифта:

.block {
  font-size: clamp(1rem, -0.875rem + 8.333vw, 3.5rem);
}

Более подробно с готовыми примерами в песочнице можно почитать тут