내 사용자 정의 글꼴이 Internet Explorer에서 작동하지 않습니다.

Question

작업중인 사이트에서 Green Pillow 및 Cotidiana 글꼴을 사용하려고합니다. 나는 @ font-face를 사용하여 .eot 파일을로드 한하지만 여전히 ... 정말 내가 잘못 여기에 확실했던하지 무엇

을 작동하지 않습니다 :

@font-face { 
font-family: "link_font"; 
src: url("Greenpiloww.eot"); /* IE */ 
src: local("GreenPillow"), url("GREENPIL.otf") format("truetype"); /* non-IE */ 
} 


@font-face { 
font-family: "twitter_font"; 
src: url("Cotidiana.eot"); /* IE */ 
src: local("Cotidiana"), url("Cotidiana.ttf") format("truetype"); /* non-IE */ 
} 

Answer 1

당신은 다음 구문을 시도 할 수 있습니다, bulletproof font-face syntax로 알려진 다음 .eot 글꼴 IE가 질식하는 데 도움이

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
    } 

분명히 쿼리 문자열 후. .svg 또는 .woff 버전의 글꼴이 없으면 해당 줄을 제거하십시오.