Firefox中的自定义字体

Question

我在Firefox中的自定义字体有问题，在所有其他浏览器中都可以正常工作。

问题是：

在同一页上，我有h2和h3-它们的样式使用相同的字体和方式（其他属性有点不同），但由于某些原因，FF正确加载了h3，但不适用于h2。

h2和h3具有相同的自定义字体（A），它们都具有：第一个字母样式为自定义字体（B。

因此，基本上，h3同时加载两种字体，但h2仅加载一种字体，并忽略：第一个字母。关于我该怎么解决这个问题，有什么想法吗？

谢谢！

h2 {
    display: block; 
    width: 300px;
    height: 103px;
    font-family: 'Gotham Book';
    font-size: 1.6em;
    background: url('images/title-bg.jpg') no-repeat;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0 auto;
}
h2:first-letter {
    font: 2.2em 'Edwardian Script ITC';
    padding: 0 6px 0 0;
} 
h3 {
    display: block;
    margin: 100px 40px 40px 40px;
    font-family: 'Gotham Book';
    font-size: 1.1em;
    text-align: center;
    letter-spacing: 0.1em;
    border-bottom: dashed #2babcb;
    border-top: dashed #2babcb;
    border-width: 1px;
}
h3:first-letter {
    font: 2.2em 'Edwardian Script ITC';
    padding: 0 6px 0 0;
}

Answer 1

尝试检查Firebug或Chrome Developer以了解发生了什么。也许你的风格被覆盖了，这至少会给你一个开始的地方。否则，请检查您正在设置样式的元素，也许您的框架中有一些JavaScript可以更改显示为内联样式的样式。祝你好运，如果你发现问题，请告诉我们！