사용자 정의 글꼴이 IE 온라인에로드되지 않습니다.

Question

트위터 부트 스트랩을 사용하는 레일 앱에서 작업하고 있습니다.

사용자 정의 글꼴 (Museo)을 사용하고 있는데이 글꼴은 font-squirrel이 생성 한 CSS와 함께 가져오고 로컬에서는 문제없이 작동하지만 서버 (저는 linode라고 믿습니다)에 배포하면 글꼴이로드되거나 표시되지 않습니다. 조금도.

이

내가 글꼴을 가져올 사용하고 코드입니다 :

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

} 

나는 그것이 파일에 문제가 있다면보고 직접 글꼴을 열어 테스트하고 파일을 엽니 다. css는 자산 파이프 라인을 통해 레일에 컴파일되므로이 코드는 application.css123817391838123123 (임의 번호) 파일에 있습니다. 나는 그것이 자산 파이프 라인의 문제인지 전혀 알지 못한다. 다른 곳에서 일하고 있기 때문에 이상하다고 생각한다. (크롬, 사파리, 파이어 폭스, 오페라). IE9에서 온라인으로 테스트 할 때 브라우저 모드를 Quirks 모드로 변경하면 글꼴이로드됩니다.

그래서 나는 모든 아이디어가 없으므로 누구나 여기서 무슨 일이 일어날 지 알고있을 것입니다.

감사

Answer 1

봅니다 Content-Type을 당신의 글꼴 파일의 헤더를 확인합니다. IE는 WOFF의 경우이를 요구합니다. IIS의 경우 다음을 추가하십시오 :

<system.webServer> 
    <staticContent> 
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> 
    </staticContent> 
</system.webServer>