Несколько подходов к созданию отзывчивого дизайна текста с помощью CSS:
- Установка отзывчивого размера шрифта с помощью vw-единицы. html5css.ru Так размер текста будет следовать размеру окна браузера. html5css.ru
- Изменение размера шрифта с помощью запросов мультимедиа. html5css.ru Можно использовать медиавыражения для изменения размера шрифта элемента на определённых размерах экрана. developer.mozilla.org html5css.ru
- Использование функции clamp(). habr.com dev.to Она позволяет адаптировать типографику под ширину окна просмотра, плавно масштабируя размер шрифта между минимальным и максимальным значением в зависимости от ширины окна просмотра. msiter.ru Обычно начинается с минимального значения и поддерживает его до определённой ширины экрана, при которой начинает плавно увеличиваться. msiter.ru
Также для создания отзывчивого дизайна текста можно использовать свойство flex-wrap, которое при наличии достаточного пространства позволяет обёртывать вместе родственные элементы. habr.com