@ font-faceはFirefoxでは動作しませんが、Chromeで動作します

Question

使用していたフォントは、今日はCSSの変更なしで動作を停止しました。 Firebugネットパネルから、.woffがダウンロードされるのを見ることができます（奇妙なことに2回、最初の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

私たちのCDNドメインは.cssファイルを提供していました。私はFirefoxが嫌ったと思います。私は.cssへのフォントファイルへのハードパスを設定し、それは今働いているようです。 :)

font-family: 'BebasNeueRegular'; 
src: url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.eot'); 
src: url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), 
    url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.woff') format('woff'), 
    url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.ttf') format('truetype'), 
    url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

別の方法：

<FilesMatch "\.(ttf|otf|eot|woff)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch> 

Answer 2

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

と

font-family: "bebasNeueRegular" 

同じではありません。タイプミスに気をつけてください、font-familyは大文字小文字を区別することができます。

Answer 3

私はFirefoxは、フォント名切り抜いをロードすることを考え出しました。

これは私のためのトリックでした、試してみてください、どちらかが良いものであるかわからないが、それは動作します。角かっこなしで試してください。

font-family: 'bebas_neueregular', Bebas Neue, 'Bebas Neue', bebas_neueregular;