@ 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"); 
} 

任何人可以幫助我嗎？

這裏的網址：http://www.enjoythisyeah.com

Answer 1

使用dataURI with a base64 encoded WOFF or SVG font繞過same-origin restriction for web fonts。