css - @font-face 不适用于 Firefox，但适用于 Chrome

Question

字体过去可以工作，今天他们停止工作 w/o 任何 CSS 更改。我可以从 firebug 网络面板看到 .woff 被下载(奇怪的是两次，第一个 DL 只是一个永远滚动的圆圈并且没有完成)。在 FF9/10 上测试。这是我的 CSS:

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a.css3button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    ..
    font-family: "bebasNeueRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    ..
}

我从:http://dev.florianweber.me/bf3buttons/# -- 它在我的 Firefox 中工作的地方。什么可能导致冲突？

Answer 1

@font-face {
    font-family: 'BebasNeueRegular';

和

font-family: "bebasNeueRegular"

不一样。注意拼写错误，字体系列可能区分大小写。