Firefoxは@ font-faceを読み込めませんか？

Question

可能性の重複：
@font-face fonts only work on their own domain

私は私のブログのテンプレートに取り組んできたと私はする@ font-faceを使っていますが、フォントがロードされないようですFirefoxにあります。しかし、それはクローム、IE、Safariの

にここで任意のアイデアなぜ、どのように修正するために、私は

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

を使用する@ font-faceがありますでしょうか？

Answer 1

同様の質問：

1. @font-face doesn't work in Firefox (but exact same code works on another site)
2. @font-face fonts only work on their own domain

デフォルトでは、Firefoxは相対リンクのみを受け入れます。私はそのコードを使用していたhttps://developer.mozilla.org/En/HTTP_Access_Control

Answer 2

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

、それは動作します - あなたは絶対リンクを使用するか、別のドメインからのフォントを含めたい場合は、アクセス制御ヘッダでこれらのフォントを送信する必要があります。フォントキットにフォントキットをアップロードすることを忘れないでください。