css - 首字母浏览器冲突

Question

我为我的网页段落做了一个样式，所以它会有一个很好的段落首字母，它在 Firefox 上运行良好：

然后我尝试了铬：

这是代码：

.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

在伪选择器上尝试行高属性，

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
}