IE8 및 글꼴 인쇄 문제

Question

IE8을 사용하여 사이트를 인쇄 할 때 이상한 문제가 발생합니다. 이 문제는 인쇄 (또는 인쇄 미리보기) 대화 상자가 닫히고 페이지가 제대로 인쇄 되더라도 웹 페이지가 완전히 공백 (흰색)으로 된 후에 발생합니다. 새로 고침하면 문제가 해결됩니다.

최근에 @ font-face 선언이있는 인쇄 스타일 시트가 포함되었습니다. @ font-face 선언을 제거하면 문제가 발생하지 않습니다. 나는 IE7, IE8, IE9와 사파리, 크롬 & 파이어 폭스의 최신 버전이 테스트 한

@font-face { 
    font-family: 'FONT'; 
    font-weight: normal; 
    font-style: normal; 
    src: url('../fonts/FONT.eot'); 
    src: url('../fonts/FONT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('../fonts/FONT.woff') format('woff'), /* Modern Browsers */ 
     url('../fonts/FONT.ttf') format('truetype'); /* Safari, Android, iOS */ 
} 

다음과 같이 내 글꼴 얼굴 선언이다. 이 문제는 IE8에서만 발생합니다.

경험이 있고 해결책을 알고있는 사람이 있습니까?

Answer 1

나는 당신과 같은 문제가있었습니다. 운이 좋았고 문제는 글꼴 파일의 URL에 상대 경로가 있음을 알았습니다! 인쇄 또는 인쇄 미리보기 후에 IE8 page-goes-blank 문제를 해결하려면 상대 경로 '../fonts/FONT.eot'를 절대 경로로 바꾸십시오. 필자의 경우에는/inc/css/fonts에 폰트를 보관한다. 문제는 IE8에서 일어나는 곳 그래서 난 당신과 같은 문제를 겪고, 다시

@font-face { 
    font-family: 'FONT'; 
    font-weight: normal; 
    font-style: normal; 
    src: url('/inc/css/fonts/FONT.eot'); 
    src: url('/inc/css/fonts/FONT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('/inc/css/fonts/FONT.woff') format('woff'), /* Modern Browsers */ 
     url('/inc/css/fonts/FONT.ttf') format('truetype'); /* Safari, Android, iOS */ 
} 

처럼 뭔가에 (의 compat 모드를 해제) 내 URL의 paramters를 업데이트 할 것입니다. 2012 년 8 월 현재 웹 사용자의 40 %가 아직 IE8에 있기 때문에 해결해야 할 문제입니다. 희망이 도움이!