Как вычислить line-height, если известен размер шрифта?

Question

[Genri_Rus]

Использую такие настройки:

html {
    font-size: 62.5%;
}

body {
    font-size: 16px;
    font-size: 1.6rem;
}

У меня размер логотипа font-size: 3.3rem = 33px;

А как посчитать для логотипа line-height ?

Answer 1

[profesor08]

Никак, для каждого шрифта разная. Единственное это сделать N блоков div, задать им размер шрифта от 1 до N и посмотреть высоту каждого, она будет равняться высоте строки. Запиши это где-то и используй в миксине scss. Либо ручками вбивай где надо в css.

Comments

[Genri_Rus]

Т.е. высота логотипа будет равняться его line-height ?

[profesor08]

Genri_Rus, если это иконка шрифта, то да.

[Genri_Rus]

profesor08, а если не иконка ?

[profesor08]

Genri_Rus, очевидно height

[Genri_Rus]

profesor08, вы просто написали )

Единственное это сделать N блоков div, задать им размер шрифта от 1 до N и посмотреть высоту каждого, она будет равняться высоте строки.

У моего логотипа получается высота 37px и это line-height ?
пример

[profesor08]

Genri_Rus, открой девтулз и посмотри

[Genri_Rus]

profesor08, показывает 37px

[Genri_Rus]

profesor08, я еще хотел уточнить такой момент

Если line-height = 37px, то 37/33 = 1.12

Можно указать тогда line-height 1.12 ?

[Ankhena]

Genri_Rus,

Можно указать тогда line-height 1.12 ?

Нужно

[Genri_Rus]

Ankhena, я правильно понимаю, что:

line-height: 37px тоже самое, что line-height 1.12

Только разница в том, что line-height 1.12 будет адаптивно подстраиваться в зависимости от высоты контента ?

[Ankhena]

Genri_Rus,

я правильно понимаю, что:
line-height: 37px тоже самое, что line-height 1.12

Для шрифта в 33px - да.
Для шрифта в 20px - нет. Но line-height окажется пропорциональным.

Только разница в том, что line-height 1.12 будет адаптивно подстраиваться в зависимости от высоты контента ?

Высота контента не при чем.
При изменении размера шрифта пропорции останутся.
Если lh задавать в px, то он не будет меняться при изменении шрифта. И будет либо криво либо придется каждый раз его пересчитывать. А если размером шрифта управляет пользователь (шрифт, заданный в rem), то вообще нет возможности пересчитывать lh (разве что на js, но это изврат какой-то).

[Genri_Rus]

Ankhena, понял, спасибо за ответ
Ну я всегда использую rem и line-height подстраивающийся под размер шрифта, т.к. это очень удобно