Для оптимизации размера шрифта для адаптивного дизайна рекомендуется:

1. Выбрать базовый размер для основного текста. 2 Для хорошей читабельности оптимально — 16–18 пикселей. 2
2. Установить размеры заголовков разного уровня (от H1 до H6). 2 Для этого удобно использовать коэффициент, на который последовательно умножается размер шрифта. 2 Например, при базовом размере шрифта 16px и коэффициенте 1.5 получатся заголовки 24, 36, 54px и т.д.. 2
3. Использовать относительные единицы измерения (em и rem). 2 em зависит от размеров шрифта родительского элемента, в котором размещён текст. 2 Rem зависит от размеров шрифта, установленного в настройках браузера. 2 Например, если у пользователя в браузере установлен шрифт 16px (используется по умолчанию), то 1rem = 16px, 2rem = 32px и т.д.. 2
4. Указывать размеры шрифтов для каждого разрешения экрана. 5 Это позволит в случае необходимости быстро изменить размер шрифта. 5

Для создания типографской шкалы можно использовать специальные сервисы, например, сайт Typescale или плагин для Figma Typescales. 2