首字母浏览器冲突

Question

我为我的网页段落做了一个样式，所以它会有一个很好的段落首字母，它在firefox上工作正常：

然后我尝试了chrome：

以下是代码：

.about p{
    font-size: 20px;
    font-family: timesnewroman;
    margin: 20px 80px 90px 80px;
}

.about p:first-letter{
    text-transform: uppercase;
    font-family: schmuckinitialen;
    font-size: 100px;
    float: left;
    height: 100px;
    /*padding-top: 50px;*/
}

我也试过给它填充，以及其他一些选项，但它没有帮助。有人知道如何制作这种跨浏览器吗？

修改 案件解决了。为了清楚任何有疑问的人，是的，这是fontsquirrel中生成的100％网络字体，我正在使用官方css重置。

Answer 1

在伪选择器上尝试line-height属性

http://jsfiddle.net/59ZHU/2/

.about p:first-letter{
    text-transform: uppercase;
    font-family: schmuckinitialen;
    font-size: 100px;
    float: left;
    height: 100px; 
    line-height:87px; //Add this line
}