Какие измерения дать шрифтам?

Question

[Space]

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

Есть у кого ответ или только в PX и верстать + screen media?

Answer 1

[Ivan Bogachev]

Есть очень неплохой вариант с использованием calc: он позволяет плавно менять размер шрифта в пределах от минимального до максимального размера вашей сетки (например от 320px до 1100px) - https://www.smashingmagazine.com/2016/05/fluid-typ...

Answer 2

[Максим]

vw не плохой вариант

Answer 3

[GreatRash]

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

Comments

[Mikalai Bulava]

Как это объяснить заказчикам, которые твердо уверены, что если есть 1 десктопный макет, то верстальщик без проблем все сделает? А потом он сидит и плюется на дизайнера, карму портит)

[Ankhena]

Crimp B: Не надо плеваться на дизайнера. Просто верстальщик берет на себя еще и работу дизайнера, получая при этом соответствующую оплату.
Часто так значительно удобнее, чем действительно плеваться на дизайнера, который очень странно представляет себе сайты на мобильном.

[GreatRash]

Crimp B: Никак к сожалению. Просто перестать работать с такими заказчиками или не браться за работу пока не будут готовы макеты для всех устройств (для всех брейкпоинтов). Или предупредить, что сам выдумаешь значения, но получится, скорее всего, УГ.

Answer 4

[Kovalsky]

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

В статье Илья Кантор рассказывает как это всё работает