IE9에서 @ font-face 글꼴에 어떤 문제가 있습니까?

어떤 이유로 IE9에서 this page을 볼 때 @ font-face 글꼴은 모두 모양이 작아 보이고 다른 글꼴도 비슷합니다. 내가 말할 수있는 한, 나의 구문에 관한 모든 것은 IE9와 협력해야한다. 다른 사람들은 문제를 복제하는 데 어려움을 겪었습니다. 그래서 그것은 아마도 내 Windows 글꼴 설정에있는 것입니까? 어느 쪽이든, 내가보고있는 것을 복제하려고한다면 Windows 7 64 비트에서 IE9를 실행하고 있습니다.IE9에서 @ font-face 글꼴에 어떤 문제가 있습니까?

편집 : 페이지에 문제가 있거나 브라우저에 문제가 있는지 잘 모르겠습니다. 어느 쪽이든, 나는 그것을 고쳐야한다.

출처

2011-09-30 Jo Sprague

잘 ie8 승 64 비트를 확인하고 괜찮아 보이는 군 – Bala

내 Windows 7 64 비트 컴퓨터에서 IE 9에서 재현 할 수 없습니다. –

아마 내 컴퓨터의 일부 설정에 문제가있을 수 있습니다. 나는 IE의 글꼴 설정이 기본값이라는 것을 두 번 확인했고 ClearType을 끄고 다시 시도했다. 불운. 나는 내가 점검 할 다른 설정이 무엇인지 모른다. –

다른 브라우저로 IE9 나를 위해 동일을 보이는, 사용의 실제 이름에 대 인해 다른 이름에 포함 된 글꼴을 사용 없음 (HelveticaMD CSS, Helvetica)

"잘못된"스크린 샷은 실제로 포함 된 글꼴을 사용하려고 시도하는 브라우저 인 것처럼 보이지만 "올바른"스크린 샷은 기본 글꼴 일뿐입니다. 그게 당신이 원하는 경우, 그냥 글꼴을 포함 물건을 없애 버려.

출처

2011-09-30 20:22:13 bobince

그게 전부 였어. 감사. –

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff') format('woff'), /* Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
    }

사용 예 :

@font-face { 
    font-family: MyFont; 
    src: url(http://mysite/fonts/MyFont.ttf) 
     format("embedded-opentype"); 
} 
p {font-family: MyFont, serif; 
}

출처

2011-09-30 19:43:50 Bala

고마워요,하지만 이미이 구문을 보았습니다. 나는 여러 가지 다른 문법뿐만 아니라 이것을 시도했지만 아무 것도 문제를 바꾸지 않는 것으로 보인다. –

.woff는 IE9의 문제를 해결합니다. 나는 크롬을 & 파이어 폭스에 사용했다. 그리고 IE9의 .woff. 이제 3 개의 브라우저가 잘 작동하고 동일한 결과를 보여줍니다. 다음은 CSS의 코드입니다. @ font-face {글꼴 패밀리 : 'cert_fonts'; src : url ('../ fonts/GoudyTrajan.eot') 형식 ('eot'); src : url ('../ fonts/GoudyTrajan.woff') 형식 ('woff'); font-weight : normal;

출처

2013-02-13 06:50:58 Ghalib

IE9에서 @ font-face 글꼴에 어떤 문제가 있습니까?

답변

관련 문제