我通常在开发的网站中嵌入 webfont (@font-face),直到今天我才遇到一个大问题。
实际上,我觉得行高存在一个很大的问题。我的英语不是很好,所以我会尝试用图片来说明。我已经联系了从 fontshop.com 购买字体的支持团队,但他们似乎无法理解 / 解决这个问题。
使用标准桌面字体时我们拥有的效果(对我们而言呈现良好):
使用 font-face 时我们拥有的效果(CSS 样式表没有变化):
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;
}