Есть стандартизированные способы верстки с адаптивным текстом?

Question

[Niksak]

Верстаю макет диплома значит, есть текст, который на мелких телефонах не влезает по ширине и вылезает за пределы и получается белая полоса справа.
Я бы уже давно просто сделал шрифт меньше с помощью медиа запросов, но я почитал еще способы сделать это по элегантнее) Прочитал про единицы измерения vmin, vmax, vh для font-size.

Есть ли вообще стандартизированный уникальный, использующийся всеми способ адаптивного текста?
Как вы лично решаете такую задачу? Просто вышеперечисленные единицы измерения ведут себя немного не так как я хотел бы, поэтому спрашиваю, есть ли еще способы подгона шрифта под экраны?

Или забить и сделать на медиа запросах?

Comments

[Ankhena]

При уменьшении шрифта на мобилках нужно помнить о том что:
1. Текст должен читаться не только теми у кого 1 и неуставшие глаза.
2. В браузере может стоять запрет на уменьшение размера шрифта меньше чем N пикселей.
3. Некоторые дизайнеры, наоборот, на мобилках делают шрифт крупнее.

Т.е. если слово больше, чем ширина окна и это не заголовок, то можно включить переносы.

Лично мне нравится использовать функцию clamp.

[Niksak]

Ankhena, у меня и заголовки тоже вылезают за пределы
С функцией ознакомлюсь кстати, дааа

[Ankhena]

Niksak,

у меня и заголовки тоже вылезают за пределы

Начать с вопросов к дизайнеру, о чем он думал, выбирая шрифт, его размер и жирность.

Если дизайнер это вы, то тут сложнее )) Смотрите до каких пределов можно уменьшить шрифт или придумывайте как перенести посимпатичнее. Или подберите другое начертание.
Некоторые шрифты нормально выглядят только крупными, а другие вполне уменьшаются и читаются.

В теории есть плагины типа fittext.
Но нужно понимать, что если слово слишком длинное, то шрифт может оказаться слишком мелким.

[12Vadim12]

Я пользуюсь методом Жени(ютубера),может и вам поможет

font-size: calc(35px + 5 * (100vw / 1920));

Минимальный размер экрана 35(прим), второе вариативность, далее ширина экрана

[Ankhena]

12Vadim12, в этой галиматье больше нет необходимости при работе с браузерами поддерживающими min, max и clamp.

[imko]

Ты никак не сделаешь размер тескта по длине слова, да и в принципе прикинь какой размер должен быть у слова допустим из 30 символов)

[ThunderCat]

cqw и cqh

[12Vadim12]

Ankhena, тот же clamp, имеет схожий подход) просто calc был заменен на clamp, плюсом можно считать количество передаваемых аргументов.

[Ankhena]

12Vadim12, да, всё верно. Вместо костыля нативная функция.

[Niksak]

Ankhena, правда, clamp сейчас не везде поддерживается еще же?
Значит, медиа запросами уже не комельфо пользоваться, я так понял)
Получается с помощью clamp шрифт можно сделать 96px допустим, и при уменьшении экрана он будет также уменьшаться

[Ankhena]

Niksak, ну да, если у вас требуют поддержку ИЕ, то вам не повезло. Или кто там вас волнует из неподдерживающих браузеров?