Webfont(@ font-face)行高问题

我经常在我开发的网站中嵌入webfont(@ font-face),直到今天,我从来没有遇到过一个重大问题.

事实上,我觉得线的高度有一个很大的问题,我不是非常擅长英语,所以我会尝试用图片说明.我已经联系fontshop.com的支持(字体被购买了),但似乎并不理解/解决问题.

我们以前用标准的桌面字体(=渲染对我们有好处)：

http://cl.ly/image/2p0T1q1b1g35

我们用的是font-face(CSS样式表没有变化)：

http://cl.ly/image/360M1d1X0w0K

这是CSS：

#content h1 {
    background:#000000;
    color:#FFFFFF;
    font-family:"DINPro-Bold","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
    font-size:35px;
    line-height:30px;
    padding:10px;
    text-transform:uppercase;
}

有任何想法吗 ？非常感谢你.

解决方法

通常字体网站在下载时可以配置webfont包.我从myfonts.com购买我所有的字体,而在高级设置下,可以选择线高调整.如果此选项可用,请尝试使用本机线高调整下载该字体.如果没有,请尝试将字体上传到fontsquirrel的在线字体生成器并上传新版本.

原文地址：https://www.jb51.cc/css/217061.html