Как задать line-height в процентах?

Question

[Windyay]

Попросили задавать line-height в %, пошел в гугл, понял, что
line-height = font-size + расстояние между строками текста.
вот так это считается, расстояние между строками текста, я так понимаю letter-spacing
у меня в макете не везде где есть line-height есть letter-spacing, либо это как-то иначе делается

Comments

[Сергей delphinpro]

letter-spacing – это горизонтальное расстояние между символами

[Windyay]

Сергей delphinpro, а точно, поплавило, но ясности в вопросе больше не стало
У меня line-heght указан для тайтла(в одно слово), о каком расстоянии тогда может идти речь
помогите пожалуйста)

Answer 1

[Сергей delphinpro]

https://developer.mozilla.org/ru/docs/Web/CSS/line...

Line-height в процентах рассчитывается от размера шрифта самого элемента.
Если у элемента font-size=16px (явно задан или рассчитан на основе наследования, не важно)
То для того, чтобы задать line-height=24px нужно указать
line-height: 150%;

Line-height – это расстояние между базовыми линиями соседних строк.

UPD
Лично я не люблю относительные величины в line-height. Предпочитаю указывать безразмерный множитель. С ним не бывает никаких неожиданностей. И пишется короче.
Если брать пример выше, то

line-height: 1.5;

Comments

[Windyay]

Если у меня line-height 34px, fon-size 26, то получается 131% правильно я понял?

[Сергей delphinpro]

Windyay, да

[Windyay]

Сергей delphinpro, Спасибо за помощь

[Ankhena]

Windyay, Поддерживаю Сергея про безразмерный множитель.

Посмотрите, как ведет себя line-height в процентах для дочерних элементов (третий блок) - как был 20px, так и остался => выглядит плохо и придется переопределять. С безразмерным коэффициентом совсем ужаса не случится.