Как узнать какой line-height ставить, зная только расстояние между строками?

Question

[Данил]

В макете у меня видно, что расстояние между строками 18px. Как мне его указать через line-height? Как это рассчитывать? Или есть другой способ?

Answer 1

[Дмитрий]

Answer 2

[Ankhena]

Если line-height не указан в PSD-макете, то подбором.

Красивого решения не вижу. Вижу только костылики.

Вопрос в необходимости адаптивности. Если она не нужна:
Можно поставить какое-то значение, открыть DevTools, кликнуть на значение и стрелками вверх-вниз изменять его, пока Вам не покажется, что расстояние нужное. Для PixelPerfect проверить линейкой или скринами или указать в px (последнее ужасно).

Альтернативный способ:
Обернуть строки в span, расстояние между ними задавать, например, margin в em (для адаптивности) - это же у Вас что-то типа заголовка в шапке или другом "красивом" блоке. Вариант не очень, если количество текста в строке может меняться, например, при изменении ширины.

К сожалению, по обрывку Вашего скрина больше не нафантазировать.

Answer 3

[Дмитрий Клусевич]

На интерлиньяж(line-height) влияет множество факторов: гарнитура, размер шрифта, его полнота итд, вычислить его по формуле тяжеловато, но можно способом подбора попробовать. Хороший тон в типографике делать интерлиньяж относительным со значение 1.3-1.5, самый популярный показатель 1.48.