@ font-face和line-height问题

Gaj*_*jus 1 css css3 font-face

下图显示了以下结果:

div.test { background: #00F; font-size: 50px; line-height: 50px; color: #FFF; margin: 50px 0; font-family: Wiesbaden; }
Run Code Online (Sandbox Code Playgroud)

一个使用Wiesbaden(这是font-face)而另一个没有.font-facefont似乎忽略了line-height属性.

截图

是font-face问题还是字体?

hug*_*hes 5

该属性line-height仅指定一行开头和下一行开头之间的垂直距离.如果您输入占用两行的内容,则第二行的开头应使用任一字体处于相同的垂直位置.

看起来这就是你的字体看起来'font-size:50px'的方式.如果你愿意,你可以增加,font-size同时保持line-height: 50px纠正它.