Задался вопросом отказа от фиксированных размеров шрифтов для разных диапазонов разрешений
Если влоб уменьшать во столько же во сколько уменьшился экран то получим что-то вроде 12px на 1440 из 18px на 1920, и шрифт из "крупнее обычного" превратился в "меньше нельзя"
Есть вариант скейлить только дельту между краевыми размерами, но хз какие подводные окажутся на промежутках
В общем какие есть варианты разруливания резиновых шрифтов, нужны ли они вообще и как это влияет на читаемость?)
Во-первых, кроме vw, уже есть единицы от контейнера cqw, cqi и т.д.
Во-вторых, в css есть функции для ограничения размера min, max и clamp.
А в-третьих, нужно помнить, что совсем не всегда можно просто так взять и уменьшить шрифт пропорционально ширине вьюпорта/контейнера. Бывают дизайны и дизайнеры, которые наоборот, на мобилках делают шрифт крупнее, чем на десктопах.
В каждом случае надо смотреть отдельно и каждый городит как хочет.
Например вот тебе вариант из головы подбирающий шрифт по размера меж двумя брейкпоинтами:
/* на 1920 будет 14px, на 1440 - 12px, меж ними - среднее */
font-size: calc(12px + ((100vw - 1440px) / (1920 - 1440)) * (14 - 12));
И под каждый брейкпоинт свои числа подставлять само собой.
Но это так - отвлечённые фантазии, врядли где-то такое действительно понадобится, обычно хватает стабильных конкретных значений по брейкпонтам, без всякой магии.:)
Aetae, часто возникают вопросы типа "а мы на ноутбуке посмотрели почему у нас не так, буквы все большие", захотел разобраться а надо ли оно в принципе, ну и чтобы ответить че-то посостоятельнее чем "у нас есть брейкпоинты и размер на них меняется, все так делают"
Средний
