icon fonts - icomoon - 다른 서버에있을 때 @ font-face가 표시되지 않습니다.

Question

모든 브라우저에서 작동 한 아이콘을 처음 다운로드했을 때. 그러나 현재 라이브와 글꼴은 다른 서버에 저장되지만 Internet Explorer 나 Firefox에서는 작동하지 않지만 Chrome과 Opera에서는 괜찮습니다. 누구든지 어떤 아이디어? 나는 코드를 점검하고 모든 글꼴이 서버에 있는지 확인했습니다.

@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 제한 사항이 있습니다.

이러한 제한 사항을 피하려면 크로스 도메인 글꼴 파일을 허용하도록 서버를 구성해야합니다.

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

편집 : 아파치에서

, 당신은 헤더 모듈을 설치하고 conf의이를 추가해야하는 "*"매개 변수를 액세스 제어 - 허용 - 원산지 아마 특정 도메인으로 제한 될 수 있습니다 후 .

자세한 내용은 http://www.w3.org/TR/cors/을 참조하십시오.