2012-11-07 1 views
4

@ font-face 글꼴이 IE9에서로드되지 않는 문제가 있습니다. IE8 이하는 완벽하게 작동하며 다른 모든 브라우저에서도 마찬가지입니다.IE9에서 CSS 글꼴로드되지 않음

@font-face { 
font-family: 'ssmicon'; 
src: url('ssmfont3.eot'); 
src: url('ssmfont3.eot?#iefix') format('embedded-opentype'), 
    url('ssmfont3.woff') format('woff'), 
    url('ssmfont.ttf') format('truetype'), 
    url('ssmfont.svg#svgssmfont') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

모든 글리프 (나는 IE 그렇지 않으면 문제를 가질 수있는 곳 읽기) 기본 라틴어 범위에 있고 동일한 서버 (그래서 아무 크로스 도메인 문제)에 : 이 내 CSS (글꼴 다람쥐 구문)입니다 . Access Control-Allow-Origin을 * 경우에 맞게 설정했습니다. 여전히 성공하지 못했습니다 (적어도 http://netrenderer.com/에 따르지 않습니다. 불행히도 현재 IE 브라우저에 액세스 할 수 없습니다). 다음은 영향을받은 페이지입니다. http://xn--ssongsmat-v2a.nu/ssm/Test3

기타 아이디어 웹 글꼴의 경우 IE9/10의 특정 요구 사항은 무엇입니까?

+0

전에 비슷한 문제가 있었지만 아마도 키트를 다운로드하는 것이 수정되었을 수도 있습니다. – Rchristiani

+1

표준 모드 (Windows 7)에서 IE 9에 문제가 있는지 확인할 수 있습니다. Quirks 모드가 아닙니다. 콘솔 로그에 숨겨진 오류 메시지가 있습니다. 페이지의 CSS 코드는 부피가 커서 다운로드 가능한 글꼴 만 설정하는 간단한 페이지부터 시작하여 문제를 격리하는 것이 좋습니다. –

+1

나침반은 다음과 같은 라인을 생성합니다 : src : url ('../ fonts/ .eot? #iefix') format ('eot'); – philipp

답변

5

결국 이것은 큰 문제였습니다. IE9와 IE10은 줄 바꿈이 몇몇 장소에서 유지되는 것에 대해 매우 까다 롭기 때문에 폰트 페이스 선언은 모든 축소에서 멀리 떨어져 있어야합니다.

+2

저는 몇 달 동안이 문제를 해결하기 위해 노력해 왔으며 사람들로부터 그리고 자신의 실험을 통해 온갖 종류의 '수정'을 겪었습니다. 진정한 대답은 IE 용 글꼴 - 얼굴 코드를 축소하지 않는 것입니다. 아마 그것은 IE가 수년 동안 가장 큰 고통이었던 것처럼 그렇게해서는 안됩니다. 왜 그렇게 바보 같지 않은가? 젠장 ... – FlyboyArt

+0

@FlyboyArt 나는 너의 고통을 느낀다. 나는 IE가 무난한 것처럼 보일 때 다른 일을 받아 들일 수 없다. –

관련 문제