CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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的在线字体生成器并上传新版本.

大佬总结

以上是大佬教程为你收集整理的Webfont(@ font-face)行高问题全部内容,希望文章能够帮你解决Webfont(@ font-face)行高问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。