Firefox中的自定义字体[关闭]

Question

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

问题是：

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

h2 和 h3 具有相同的自定义字体（A），它们都有 :first-letter使用自定义字体 (B) 设置样式。

所以，基本上，h3 加载两种字体，但 h2 仅使用 1 种字体并忽略 :first-letter。 关于如何解决此问题的任何想法？

谢谢！

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 开发人员以了解发生了什么。可能你的样式被覆盖了，它至少会给你一个开始的地方。否则请检查您正在设计的元素，也许您的框架中有一些 JavaScript 会更改显示为内联样式的样式。祝您好运，如果您发现问题，请告诉我们！