IE에서 사용자 글꼴이 사라짐

사용자 정의 글꼴이 포함 된 것으로 처음 보았습니다. 참고로, 난 문제없이 사용자 지정 글꼴을 사용하는 수십개의 클라이언트 사이트가 있습니다.IE에서 사용자 글꼴이 사라짐

이 특정 클라이언트에는 사용자 지정 글꼴 파일이 있습니다. 문제의 응용 프로그램은 불행히도 메인 사이트의 iframe에 있습니다 (도메인/하위 도메인은 기본 페이지, iframe 및 글꼴 파일 사이에서 일치 함).

페이지가 처음으로 새로 고침되면 글꼴이 아름답게 표시됩니다. 페이지를 새로 고치 자마자 글꼴이 파괴됩니다. 즉, 대체 글꼴 ("Sans-Serif") 글꼴로 바뀌고 문자 간격이 모두 위로 올려집니다.

3 개의 별도 글꼴 파일이 사용되며 모두 동일한 동작을 표시합니다. 나는 이것이 캐싱 문제라고 생각한다. 처음에는 글꼴의 올바른 표시는 파일이 정상이고 참조 경로가 정확하며 도메인 보안에 문제가 없음을 나타냅니다.

우리는 embed에 font-squirrel generated css를 사용하고 있습니다. 지금까지 IE8에 대해서만 테스트를 해봤지만 IE9에 같은 문제가 있다고 들었습니다. 다른 브라우저는 글꼴에 문제가없는 것으로 보입니다.

불행히도이 사이트가 어떤 사이트인지 공유 할 수 없습니다.

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

덕분에 (SVG에 대한 이중 선언은 의도적 인)!

출처

2013-05-07 Randy Hall

당신은 약간의 코드 버디를 추가해야합니다 - 당신의 CSS 방법은 적어도 - 사용 jsfiddle - – Riskbreaker

이것은 특히 IE의 iframe에 보관되어 발생합니다. 해결 방법은 글꼴 집합을 선언하는 CSS 태그에서 href를 새로 고치는 것입니다. 이는 이상적이지 않습니다. CSS 및 글꼴 플래시를 순간적으로 다시로드하도록 트리거합니다.

누구에게 더 나은 해결책이 있다면, 나는 모두 눈을가집니다.

출처

2013-05-09 11:37:49

IE에서 사용자 글꼴이 사라짐

답변

관련 문제