我使用@font-face加载网络字体，但是加载字体后我的元素高度会略有变化，因为垂直间距略有不同。在加载之前调整为Web字体之前，它似乎使用了系列中默认字体或下一个字体的垂直间距。
如何在浏览器加载之前告诉浏览器网页字体的垂直间距是什么？
答案 0 :(得分：0)
将line-height属性设置为所需元素上的固定像素值将起作用。
答案 1 :(得分：0)
一个好的开始是在px中设置基本字体大小（在正文中），将所有其他字体大小设置为em，然后将行高设置为em（1em是字体大小的100％）。
您应将默认line-height设置为font-size（1.2em至1.45em）的120％至145％。这为正文提供了良好的可读性。网上有很多关于理想线高的信息（在传统版式中称为'领先'），测量字体大小等。
总之，不同元素（p，h1，h2，h3等）的字体大小称为'印刷比例'。
这是一个很好的起点，使用'完美的第四'标度。它也有适当的线高。
body {
font-size: 16px;
line-height: 1.45em;
}
p {margin-bottom: 1.3em;}
h1, h2, h3, h4 {
margin: 1.414em 0 0.5em;
line-height: 1.2em;
}
h1 {
margin-top: 0;
font-size: 3.157em;
}
h2 {font-size: 2.369em;}
h3 {font-size: 1.777em;}
h4 {font-size: 1.333em;}
small, .font_small {font-size: 0.75em;}
我知道这比你要求的要多，但如果你打算使用类型，那么了解排版就很重要了。 ：）
更多资源：