我经常在我开发的网站中嵌入 webfont (@font-face),直到今天我还没有遇到过重大问题。
其实我觉得line-height有很大的问题,我的英语不是特别好,所以我会尝试用图片来说明它。我已经联系了 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;
}