Internet Explorer 7의 @ font-face 문제

내 사이트 중 하나의 font-squirell @ font-face 코드에 문제가 있습니다. Internet Explorer 7에서는 글꼴이 표시되지 않습니다. 다른 브라우저에서는 제대로 작동합니다. 주소는 다음과 같습니다 http://www.mrsherskin.com Internet Explorer 7의 @ font-face 문제

@font-face { 
    font-family: 'PFRondaSeven'; 
    src: url('font/pf_ronda_seven-webfont.eot'); 
    src: url('font/pf_ronda_seven-webfont.eot?iefix') format('eot'), 
     url('font/pf_ronda_seven-webfont.woff') format('woff'), 
     url('font/pf_ronda_seven-webfont.ttf') format('truetype'), 
     url('font/pf_ronda_seven-webfont.svg#webfont7vFUbybx') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'PFRondaSeven'; 
    src: url('font/pf_ronda_seven_bold-webfont.eot'); 
    src: url('font/pf_ronda_seven_bold-webfont.eot?iefix') format('eot'), 
     url('font/pf_ronda_seven_bold-webfont.woff') format('woff'), 
     url('font/pf_ronda_seven_bold-webfont.ttf') format('truetype'), 
     url('font/pf_ronda_seven_bold-webfont.svg#webfont2zOjOL6G') format('svg'); 
    font-weight: bold; 
    font-style: normal; 
} 

/* basic font-set */ 

body { font-family: 'PFRondaSeven'; font-size-adjust: 0.62; }

나는이 방법으로 만든 다른 사이트를하고 완벽하게 작동하기 때문에 이상한.

도움이 필요하십니까? 무엇이 문제 일 수 있습니까?

출처

2011-05-10 Gas

대신을 시도해보십시오

@font-face { 
font-family: 'Avenir'; 
src: url('avenirl8-webfont.eot'); 
src: local('☺'), url('avenirl8-webfont.woff') format('woff'), url('avenirl8-webfont.ttf') format('truetype'), url('avenirl8-webfont.svg#webfontIFZXxqn6') format('svg'); 
font-weight: normal; 
font-style: normal; 
}

물론 자신과 글꼴을 교체하고 너무 굵은 글꼴에 대한 선언을 추가. 작동해야합니다;)

출처

2011-05-10 06:53:37 Krimo

감사합니다. 스마일리가 문제를 해결했습니다 :-) !!! 감사합니다, 가스 – Gas

@ 가스 문제 없어요;) – Krimo

스마일 피규어! – Arvid

eot 파일에 올바른 MIME 형식이 있는지 확인하고 있습니까?

나는 보통 내 htaccess로 파일이 추가 (또는 다른 소프트웨어에 해당)

AddType application/vnd.ms-fontobject eot 
AddType font/ttf      ttf 
AddType font/otf      otf 
AddType font/x-woff     woff 

AddType text/x-component .htc

출처

2011-05-10 07:29:10

이것을 .htaccess 파일에 복사하면 다음과 같이 사이트가 완전하게 파손되었습니다. - ((이전 버전을 다시 실행해야했습니다.) – Gas

그것은 매우 이상합니다. 아마도 귀하의 호스팅에서 그러한 지시문을 허용하지 않을 수도 있습니다. –

을가 IE9를 작동하는 경우가 아니라 IE7/8 문제 중 하나는 EOT의 형식이 잘못 될 수 있습니다. 나는 "Fontsquirrel, @font-face generator Expert Mode"으로 그것을 고쳤다. "보호 : 웹 전용"을 확인하십시오.

출처

2012-12-14 14:13:16

이 것은 확실히 저에게 효과적이었습니다. 고마워요. – Rich

Internet Explorer 7의 @ font-face 문제

답변

관련 문제