Webfont(@ font-face)行高问题

前端之家收集整理的这篇文章主要介绍了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的在线字体生成器并上传新版本.

猜你在找的CSS相关文章