Генератор clamp()

• Задайте минимальный и максимальный размер в px и ширины окна, между которыми размер меняется. Генератор переведёт всё в rem от font-size корня, по умолчанию 16px.
• График показывает, где размер растёт и где остаётся постоянным. Ползунок ширины окна показывает размер и образец текста на выбранной ширине, не меняя настоящее окно.
• Если максимальный размер больше минимального в 2,5 раза и сильнее, генератор предупредит: при увеличении страницы такой текст может вырасти меньше чем вдвое.
• Кнопка копирования берёт готовое значение для свойства font-size или отступа.

clamp(MIN, VAL, MAX) берёт среднее значение, но не меньше MIN и не больше MAX. В середине стоит прямая: слагаемое в vw растёт с шириной окна, а слагаемое в rem сдвигает её так, чтобы на ширине «от» получился минимальный размер, а на ширине «до» — максимальный.

Размер только в vw не реагирует на настройку шрифта в браузере и масштаб страницы, поэтому к vw всегда добавляется часть в rem. Перевести значения макета из px в rem поможет конвертер единиц, а подробнее о единицах — статья «Единицы измерения в CSS».