Генератор адаптивного размера шрифта
Получите формулу CSS clamp для плавного изменения размера шрифта между двумя ширинами экрана. Введите минимальный и максимальный размер, соответствующие ширины viewport и базовый размер rem. Между границами используется линейная интерполяция; за границами clamp удерживает выбранный минимум или максимум. Формула рассчитана на CSS px, rem и vw. Проверьте доступность при увеличении масштаба страницы и настройках шрифта пользователя.
Исходные данные
Замените примерные значения своими. Результат готовится в браузере.
Как работает инструмент
Между границами используется линейная интерполяция; за границами clamp удерживает выбранный минимум или максимум.
Что учитывать
Формула рассчитана на CSS px, rem и vw. Проверьте доступность при увеличении масштаба страницы и настройках шрифта пользователя.
Пример для значений в форме
Эти результаты получены из значений, уже заполненных выше. Кнопка «Сбросить» возвращает исходный пример.
- Готово:
- fluid-font.css
- Минимальный размер:
- 16 px
- Максимальный размер:
- 24 px
Как получить свой результат
- Введите данные в поле «Минимальный шрифт, px» и остальные параметры.
- Проверьте ограничения метода и нажмите «Сгенерировать».
- Скопируйте результат либо сохраните его в текстовом или специальном формате.
Ещё генераторы
Генератор адресов страниц из названий
Преобразуйте список названий в короткие адреса для страниц, файлов или карточек товара.
Открыть инструмент →План пакетного переименования файлов
Подготовьте список новых имён для серии фотографий, документов или сканов.
Открыть инструмент →Генератор последовательных номеров
Составьте последовательность внутренних номеров для заказов, актов, накладных или образцов.
Открыть инструмент →