CSS로 woff2 글꼴을 IE에로드하는 방법은 무엇입니까?

Question

IE10 모드에서 IE11이 있고 CSS 파일을로드하고 싶습니다. 나는이

@font-face { 
    font-family: celestesansbold; 
    src: url('celestesanscomp-bold-webfont.woff2'); 
} 

그리고 콘솔에서 내가 볼 수있는이

CSS3111: @font-face encountered unknown error. 
celestesanscomp-bold-webfont.woff2 

그리고 네트워크 탭에 나는

Name Protocol Method Result Content type Received Time Initiator 
.../celestesanscomp-bold-webfont.woff2 HTTP GET 200 font/woff2 (from cache) 0 s 

을 확인하고이 제대로로드되지 않습니다하지 않는 페이지에서 텍스트가 변경되지 않습니다.

무엇이 잘못되었는지 알고 계십니까?

그러나 정규 woff 파일은 작동하지만 woff2입니다.

감사

Answer 1

IE가 woff2를 지원하지 않습니다. 그래서 woff을 제공해야합니다.

사실, woff이 표준이며 원하는대로 할 수 있습니다.
woff2 만로드하면 브라우저를 지원하는 브라우저의 대역폭을 줄이고 더 나은 기능을 제공하기 때문입니다.
이전 버전의 IE에는 eot이 필요했지만 지금은 사용되지 않습니다.

그러나 두 개 이상의 글꼴 유형 파일을 제공한다고해서 브라우저에서 모두 글꼴을로드하지는 않습니다. 성공적으로 활성화 될 때로드를 중지합니다. 즉, 그들의 명령이 아주 중요하다는 것을 의미합니다. 더 현대적이고 효율적인 것들을 먼저 넣고 큰 것들 (fallbacks)을 남기고 싶습니다. 이어야합니다. woff2, woff, eot, svg, ttf/otf이어야합니다.