HTML & CSS : manipulating font/text height?

Question

我在页面中使用自定义字体 (Oswald) 作为标题。我相信它的高度与原生字体(Arial、san-serif 等)有冲突，想知道是否有办法均匀地设置两种字体......？如果稍后放置更多文本，差距就会变得很大。

请看看我这里有什么:http://jsfiddle.net/x6v7F/
我有一个临时的背景淡入淡出来说明。

谢谢。

Answer 1

这似乎不是font-size 的问题，问题似乎出在您指定line-height

如果您看到 this fiddle，你可以看到我已经更改了 h1 和 h2 以具有这些 line-heights

h1 {
    font: 16px 'Oswald', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color:#000000;
    margin:14px 0;
    line-height: 100%; <----
}

h2 {
    font: 12px 'Oswald', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color:#BBBBBB;
    margin-bottom: 14px;
    line-height: 100%; <----
    letter-spacing: .2px;    
}

如果您检查了那个 Fiddle，它似乎已经解决了您的问题？