IE는 eot 파일을 먼저 사용하고 "src : local ('☺'), ..."두 번째 해킹을하더라도 @ font-face 규칙을 해석하는 것을 거부합니다.

Question

나는 이것을 많이 읽고 많은 노력을했습니다. 다른 것들의, 그리고 여전히 주사위. 여기 내 @ 글꼴 얼굴 규칙 중 하나의 예 : 내 경로를 확인하고 다양한 CSS를 시도했습니다

@font-face { 
    src: url('/lib/fonts/Museo/Museo500-Regular.eot'); 
    src: local("☺"), 
     url('/lib/fonts/Museo/Museo500-Regular.ttf') format('opentype'); 
    font-family: Museo; 
    font-weight: 500; 
} 

는 아무것도 글꼴이 IE의 렌더링하지 않습니다 것입니다. 여기에 한 번에 모든 사용자 지정 글꼴을 사용하는 예제 페이지는 다음과 같습니다

는

http://test.thenewhive.com/test/fonts

그것은 다른 모든 브라우저에서 잘 보인다.

Answer 1

실제로 IE 문제와 관련이 있는지는 잘 모르겠지만 여기서는 format('opentype') 부분이 잘못되었습니다. TTF 파일이 트루 타입 파일이므로 잘못된 것입니다. format('truetype'이어야합니다.)

그렇다고해서 실수를 막기 위해 Font Squirrel @ font-face generator와 같은 것을 사용하는 것이 좋습니다. http://www.fontsquirrel.com/fontface/generator

수동으로 수행하는 것을 선호하는 경우이 문서를 참조하십시오. http://readableweb.com/new-font-face-syntax-simpler-easier/ 사용하기에 적합한 구문을 설명하는 훌륭한 작업을 수행합니다. 그 중 일부에 대한 업데이트가 있으므로이 문서를 모두 읽어야합니다. 원본 게시물.