Modernizr and fonts.com IE8 충돌

Question

현재 fonts.com을 사용하여 머리글과 부제목에 대한 사용자 지정 글꼴을 표시하는 사이트를 만들고 있습니다. 글꼴은 fonts.com 자바 스크립트 링크를 통해로드되는 다음과 같이 CSS 파일에서 참조 :

font-family: 'MyFontFromFontsDotCom'; 

그것은 잘 작동 잘 수행합니다. 하지만 IE8에서는 글꼴이로드 된 후 브라우저가 중단되고 (완전히로드되지는 않음) 사이트와 사이트가 충돌합니다. 브라우저에서 "중지"버튼을 누르면 사이트가 올바른 글꼴로 렌더링됩니다.

나는 modernizr 2.6.2도 실행 중이며 fonts.com javascript보다 먼저 참조됩니다. fonts.com 자바 스크립트를 제거하면 사이트가 정상적으로 실행됩니다.

fonts.com 자바 스크립트 참조는 body 태그의 맨 아래에 있으며 modernizr은 head 태그에 있습니다. 나는 행운을 빈다.

누구에게도 동일한 문제가 있습니까? 사전에

감사합니다.

Answer 1

IE 8에서 사이트를 크로스 브라우저로 테스트했을 때이 문제가 발생했습니다. '비 자바 스크립트'(CSS) 옵션을 사용하여 문제를 해결했습니다.

fonts.com의 웹 글꼴 관리 섹션으로 이동하여 프로젝트를 선택한 다음 '게시 옵션'링크를 클릭하면됩니다.

팝업 창에는 '옵션 2 : 비 Javascript'탭이 있습니다. Javascript 대신 CSS 용 코드 스 니펫을 제공합니다. 이것을 머리에 붙여 넣은 다음 Javascript 스 니펫을 제거해야합니다.

Answer 2

저는 이미 답변을 받았으며 이것이 Javascript 옵션 대신 CSS 옵션을 사용하는 완벽한 솔루션이라고 알고 있습니다.하지만 Javascript 옵션이 필요한 경우 다른 해결책이 있습니다. 내 문서에 추가 된 활성 클래스).

IE8의 fonts.com Javascript에는 닫히지 않은 태그가있을 때 알려진 문제가 있습니다. 따라서 상황이 다음과 같은 경우 :

<div><span>March 2014</div> 

이렇게하면 fonts.com Javascript가 문제를 일으킬 수 있습니다.

그래서 W3C 유효성 검사기로 닫히지 않은 태그를 찾아 수정하십시오!