font-face - Webfont (@font-face) 行高问题

Question

我经常在我开发的网站中嵌入 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;
}

Answer 1

通常字体网站都会有办法在你下载的时候配置webfont包。我从 myfonts.com 购买所有字体，在高级设置下有行高调整选项。如果此选项可用，请尝试使用 native 行高调整下载字体。如果没有，请尝试将字体上传到 fontsquirrel 的在线字体生成器并上传新版本。