Calcular a altura da linha com a fonte no valor rem
Como posso calcular a altura da linha mais adequada para o tamanho da fonte definido com rem?
Por exemplo:
html {
font-size: 62.5%;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.3; /* how do i calculate this value? */
}
A razão pela qual eu fiz a pergunta é que estou confusa em como entender a relação entre o tamanho da fonte no corpo (para um cálculo fácil de rem), o tamanho real da fonte rem e o "não valor" na altura da linha que, tanto quanto eu entender em um layout estático representa o tamanho da fonte como:
font-size: 20px;
eline-height: 2.0;
- adicionará altura do tamanho da fonte como altura da linha
Em um layout fluido - ao usar rem no tamanho da fonte - será a altura da linha "sem valor": 2,0; usar a altura da fonte calculada em rem como altura da linha ou ainda confiar no valor baseado em pixel (que no exemplo é substituto para navegadores mais antigos)?
Acho que deveria ter colocado essa é minha pergunta original - vou editar agora