동적 div에 포함 된 글꼴을 렌더링하지 않습니다.

Question

@font-face { 
    font-family: "England Hand"; 
    src: url("fonts/englandhand.eot?#iefix") format("embedded-opentype"),url("fonts/englandhand.ttf") format("truetype"); 
    font-weight: normal; 
    font-style: normal; 
} 

위의 글꼴 스타일을 사용하고 있습니다. 그것은 페이지의 본문에 포함되어 있습니다. 나는 div에 폰트 패밀리를 추가하지 않았고 오크를 렌더한다. 이 div의 복제본을 만들고 다른 위치와 ID를 할당하면 글꼴이 렌더링을 중단합니다.

콘솔에도 오류가 없습니다. 이 오류는 IE 8에서만 발생하며 IE 9에서 정상적으로 작동합니다.

해결책 js 오류를주의하십시오. 분명히 거기에 문제가 생길 것입니다.

Answer 1

ie8/ie9 지원에 대한 일부 접두어가 누락 된 것 같습니다. 코드는 다음과 같아야합니다.

@font-face { 
    font-family: 'deutsch_gothicnormal'; 
    src: url('deutsch-webfont.eot'); 
    src: url('deutsch-webfont.eot?#iefix') format('embedded-opentype'), 
     url('deutsch-webfont.woff') format('woff'), 
     url('deutsch-webfont.ttf') format('truetype'), 
     url('deutsch-webfont.svg#deutsch_gothicnormal') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}