글꼴 얼굴 충돌 IE 및 파이어 폭스

@ 나는 Typekit뿐만 아니라 내 웹 사이트에 @font-face을 사용하고 있습니다. 내가 모두 @font-face 아이콘을 사용하고 Typekit 나던이 성격의 글꼴을 제공하지 않기 때문에 둘 다 사용하는 이유입니다. IcoMoon App이라는 멋진 도구로 내 Icon Font를 만들었습니다.글꼴 얼굴 충돌 IE 및 파이어 폭스

내 stylesheets 및 js 파일을 통해 선별 몇 시간을 보내고 난 후에 나는 @font-face 파이어 폭스 나 들어 Internet Explorer (최신 버전)를 사용하여 일부 Windows7의 기계에 다음 내 stylesheet에 존재 때 브라우저가 잠시 동안 또는 경우에 중단됩니다 것을 배웠다 충돌 후 다시 시작하십시오. 이런 일이 발생하면 웹 사이트는 잘 작동합니다.

사람이 어떻게 발생하지 않도록 할 수있는 방법에 어떤 아이디어가?

다음은 내 스타일 시트에있는 @font-face 코드입니다. here은 내가 사용하고있는 웹 사이트입니다.

은 사전에 감사합니다!

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

주 :이있는 경우 나는 jQuery로 제안 및 수정 사항에 완벽하게 열려있어! CSS 브라우저를 충돌하는 경우

출처

2012-11-30 Matt

다른 글꼴을 사용해 보셨습니까? @ font-face를 사용하고 IE/FF에는 문제가 없습니다. 어쩌면 글꼴은 @ font-face가 아닌 문제의 원인 일 수 있습니까? –

는 아니, 난이 난 당신이 당신이 PROPPER 글꼴 얼굴 구문과 파일을 만들 fontsquirel 또는 http://www.font2web.com/ 서비스를 사용하는 것이 좋습니다 결과 – Matt

을 알고 지금 시도하고 드리겠습니다 그 생각하지 않았습니다. 어쩌면 그것도 도움이 될 것입니다. – arieljuod

-1

문제는 IcoMoon App에서 직접 나타나는 것으로 보입니다. IcoMoon으로 Icon Icon을 만든 후 ttf 파일을 Font Squirrel 자신의 생성기로 업로드하고 브라우저가 다운되지 않고 페이지로드 속도가 10 배 빨라졌습니다!

출처

2012-12-06 11:11:26 Matt

나는 매우 놀랄 것입니다. 아마 당신이 만든 아이콘 글꼴이 손상되었습니다.

출처

2012-11-30 22:30:47

font-squirrel의 다른 글꼴로 테스트했는데로드 시간 속도 등에 문제가 없었습니다. Firefox가 사용하는 글꼴 파일 (WOFF)에만 문제가있는 것으로 보입니까? – Matt

글꼴 얼굴 충돌 IE 및 파이어 폭스

답변

관련 문제