CSS : 본문을 제외하고 IE는 글꼴 모음을 "무시"합니다.

IE에서 내가 테스트중인 WordPress 사이트의 글꼴을 인식하는 데 문제가 있습니다. 나는 대부분의 사이트에서 Helvetica를 사용하고 특정 작은 섹션에서는 "Harabara"를 사용하고 있습니다. 이렇게하려면 본문의 font-family를 Helvetica로 설정하고 더 작은 부분의 font-family를 "하라 바라"로 설정합니다.CSS : 본문을 제외하고 IE는 글꼴 모음을 "무시"합니다.

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

을 여기에 신체의 : 다음은 @ 글꼴 - 얼굴의

body { 
font-size:100%/130%; 
line-height: 1; 
color: black; 
background: #fff; 
font-family:Helvetica,Times New Roman,Verdana,Garamond; 
width:100%; 
}

및 Harabara를 사용하는 하위 섹션의 예 :

#sidebar-homepage li{ 
list-style: none; 
font-family: 'HarabaraBold'; 
letter-spacing: 1px; 
font-size: 1.1em; 
text-align: left; 
margin-top: 40px; 
margin-left: 4px; 
text-shadow:1px 1px 1px #3fa3b8; 
}

나는 크롬에서 웹 페이지를 볼 때/FF로 사이드 바 홈페이지 항목이 harabara 글꼴로 올바르게 표시됩니다. IE에서 페이지를 테스트 할 때 사이드 바 목록 항목이 처음에는 harabara에 표시되지만, 이상하게도 마우스 커서가 창에 들어가면 Helvetica로 전환됩니다. 그것에서 @ 글꼴 얼굴 문제,하지만 난 제안 운이없는 here

을 시도 한 경우

는 잘 모르겠어요.

사과해도 죄송하지만이 사이트의 라이브 버전은 없습니다.

출처

2012-01-25 dbr

모든 IE 버전 또는 7/8? – veritas

또한 DOCTYPE이 있습니까? 단점 모드주의! (호환 모드는 말할 것도없고) –

@veritas - 나는 IE8로 테스트 해왔다. – dbr

해결. 나는 CSS를 조금 정리했다. 이전에는 "# sidebar-homepage li"과 같은 섹션에 폰트 패밀리가있는 곳에서 그것을 제거하고 "# 사이드 바 - 홈페이지"섹션에 넣었습니다. 그 후 작업을 시작했습니다. 왜 그런지 모르겠다!

출처

2012-01-26 11:07:30 dbr

CSS : 본문을 제외하고 IE는 글꼴 모음을 "무시"합니다.

답변

관련 문제