2013-11-28 2 views
1

그래, 나는 동일한 질문이 있고 많은 비슷한 질문이 여기에 있으며이 문제에 대해 온라인으로 질문하고 답변 해 주었다는 것을 알고있다. 아무도 내 경우에 도움이되지 않았으므로 필사적 인 조치를 취하고 있습니다.@ font-face가 ie8에서 작동하지 않는 경우 - 복수

@ font-face 구문을 사용하여 웹 글꼴을로드하려고합니다. 여기에 코드입니다 (두 개 이상의로드하고 있지만 구문은 동일) : 제목에 명시된 바와 같이

@font-face { 
    font-family: 'MyFont'; 
    src: url('../typography/MyFont-Book.eot'); 
    src: local('?'), 
      url('../typography/MyFont-Book.eot?#iefix') format('embedded-opentype'), 
      url('../typography/MyFont-Book.woff') format('woff'), 
      url('../typography/MyFont-Book.ttf') format('truetype'), 
      url('../typography/MyFont-Book.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

, 그것은 IE8에서 작동하지 않습니다 (IE9에서 잘 작동하고 10 분명히 다른 모든 브라우저). 나는 여러 가지 것을 시도했다.

처음에는 오류가 발생했습니다. "CSS3111 : @ font-face에 알 수없는 오류가 발생했습니다"this site이 있습니다. 나는 그 단계를 따라 글꼴 이름을 바꾸고 다시 만들었다. 분명히, 그 오류가 더 이상지고 있지 않기 때문에 무언가를 고정해야합니다. 또한 글꼴이 네트워크 스니퍼에 올바르게로드되어 있고 모두 깨끗한 200으로 돌아 오는 것을 볼 수 있습니다.

내 캐시를 여러 번 지웠지만 주사위는 삭제했습니다. 글꼴은 여전히 ​​페이지에 표시되지 않습니다. 대신 폴백 "Arial"글꼴이 표시되어 웹 글꼴보다 훨씬 크기 때문에 레이아웃이 엉망입니다.

누구나 eff가 어떻게 진행될 수 있는지 실마리가 있습니까?

+0

[IE8은 부분적으로이를 지원] (http://caniuse.com/fontface) –

+0

그게 도움이 방법을 잘하지 않습니다. 당신은 무엇을 말하려고하는? 또한, 설명에서 그것은 "IE8이 EOT 폰트만을 지원한다고 언급하기 전에 부분적으로 지원됩니다."* EOT를 포함한다는 것을 고려할 때 * 작동해야한다는 것을 고려하면, 맞습니까? – user1457366

+0

문제를 알릴 수있는 페이지가 있습니까? 새로운 글 머리 기호'@ font-face' 선언은 여러분의 것과 다릅니다. 어쩌면해볼 가치가 있을까요? http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ – davidpauljunior

답변

0

IE8로 글꼴을로드하는 프로젝트가 여러 개 있습니다. 그것들은 src : local (?)이 없으면 가지고있는 것과 거의 같은 정의를 가지고 있습니다.

@font-face { 
    font-family: 'MyFont'; 
    src: url('../typography/MyFont-Book.eot'); 
    src: url('../typography/MyFont-Book.eot?#iefix') format('embedded-opentype'), 
     url('../typography/MyFont-Book.woff') format('woff'), 
     url('../typography/MyFont-Book.ttf') format('truetype'), 
     url('../typography/MyFont-Book.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
관련 문제