圖標字體 - icomoon - @ font-face不顯示在不同的服務器上時

Question

當我第一次下載他們在所有瀏覽器中工作的圖標。不過現在它的直播和字體生活在不同的服務器上，它在IE或Firefox中不起作用，但在Chrome和Opera中很好。任何任何想法？我有tripple檢查代碼，並確保所有的字體都在服務器上。

@font-face { 
font-family: 'icomoon'; 
src:url('http://static.mydomain.com/design_media/fonts/icomoon.eot'); 
src:url('http://static.mydomain.com/design_media/fonts/icomoon.eot?#iefix') format('embedded-opentype'), 
    url('http://static.mydomain.com/design_media/fonts/icomoon.svg#icomoon') format('svg'), 
    url('http://static.mydomain.com/design_media/fonts/icomoon.woff') format('woff'), 
    url('http://static.mydomain.com/design_media/fonts/icomoon.ttf') format('truetype');  
font-weight: normal; 
font-style: normal; 
} 

Answer 1

對於像JS文件這樣的字體，有一些XSS限制。

爲了避免這些限制，您必須配置服務器以允許跨域字體文件。

在Apache中，您必須安裝頭模塊和你的conf補充一點：

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

編輯：「*」的參數後，訪問控制允許來源很可能被限制在特定的域。

查看http://www.w3.org/TR/cors/瞭解更多信息。