웹 글꼴로드 중 IE8

Question

무엇이 문제인지 모르겠지만 Font2Web을 사용하여 일련의 글꼴을 변환했으며 일반적으로 다음과 같은 코드를 내 CSS에 연결하여 필요한 글꼴을 렌더링했습니다.

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

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

결과 내 글꼴 크롬, 사파리, 파이어 폭스에서 잘 렌더링됩니다하지만 IE8 퍼 모두에서 필요한 글꼴을로드하지 않습니다.

내 생각에는 EOT 파일에 문제가있을 수있는 변환기가있을 수 있습니다. 다른 방법이 없다면 어떤 제안이 좋을 수도 있습니다. 감사.

Answer 1

here을 참조하십시오. 그것은 말합니다

In Internet Explorer 8 and earlier versions, only one URL value is supported. 

당신은 많은 URL을 제공하므로 문제 일 수 있습니다.

Answer 2

는 I 표시있는 결함이 아닌 수 (또는 문서 헤드로부터 참조 파일)은 문서의 선두에서

@font-face{ 
    ... 
} 

블록 렌더링 여기서 @ 폰트 얼굴에 관한 IE8 문제를 불러 적절 상기 버그를 해결하기 위해 @ font-face의 CSS 블록을 문서 본문에 배치해야했습니다.

희망 최초의`src` 규칙은 하나 개의 URL을 가지고 있으며, 따라서 IE 8에 의해 사용되어야한다, 그래서 이것은 의심으로 .eot 파일이 실제로 깨진 것을 제안

see this question for additional details