@ font-faceがFirefoxでドメイン間で動作しない

Question

typefront.comのフォントを使用しようとしています。他のすべてのブラウザで動作しますが、Firefoxのセキュリティ制限では異なるドメインのフォントを使用することはできません。

.htaccessファイルを作成し、次のスニペットを追加しようとしましたが、サイトを読み込もうとすると内部サーバーのエラーページが表示されます。ここで

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

は私のCSSコードです：

@font-face { 
    font-family: "Gravur-CondensedBold"; 
    src: url("http://typefront.com/fonts/825589026.eot"); 
    src: local("☺"), 
     url("http://typefront.com/fonts/825589026.woff") format("woff"), 
     url("http://typefront.com/fonts/825589026.ttf") format("truetype"), 
     url("http://typefront.com/fonts/825589026.svg") format("svg"); 
} 

@font-face { 
    font-family: "Gravur-CondensedLight"; 
    src: url("http://typefront.com/fonts/825589027.eot"); 
    src: local("☺"), 
     url("http://typefront.com/fonts/825589027.woff") format("woff"), 
     url("http://typefront.com/fonts/825589027.ttf") format("truetype"), 
     url("http://typefront.com/fonts/825589027.svg") format("svg"); 
} 

誰がこれで私を助けることができますか？ same-origin restriction for web fontsをバイパスするhttp://www.enjoythisyeah.com

Answer 1

使用dataURI with a base64 encoded WOFF or SVG font：

はこちらのURL。