Font Awesome 4.2.0이 호환 모드가 "켜짐"상태에서 IE11에서 렌더링되지 않음

Font Awesome 4.2.0은 Chrome, Firefox, Safari, Opera 및 Internet Explorer 11에서 완벽하게 렌더링됩니다 (단, 호환 모드가 "Off" . 호환성 모드를 "On"으로 설정하면 글리피콘이 렌더링되지 않습니다. 나는 글꼴 Awesome CSS를 사용하여 다른 프로젝트에서 사용한 시도하고 사실적인 글꼴 굉장 4.2.0 CDN을 사용해 보았고 GyHub 게시물에서 제안 된대로 <head>에 <meta http-equiv="X-UA-Compatible" content="IE=edge">을 추가하여 문자 모양을 허용했습니다. 호환 모드가 "켜짐"으로 렌더링됩니다. 이러한 솔루션은 작동하지 않으며 호환 모드를 "끔"으로 설정하면이 프로젝트의 옵션이 아닙니다. 결론적으로, 제 질문은 이것입니다. 호환성 모드가 "켜기"로 설정된 상태에서 Internet Explorer 11에서 Font Awesome 4.2.0 렌더링을 수행하려면 어떻게합니까?Font Awesome 4.2.0이 호환 모드가 "켜짐"상태에서 IE11에서 렌더링되지 않음

출처

2015-01-13 racecarjonathan

비꼬아라는 이름의 호환성 모드. 나는 "호환성 모드"가 IE7과 IE7이 Font Awesome 4에서 지원되지 않는다고 믿는다. (그러나 약간의 노력으로 3으로 작업 할 수있다.) – HackedByChinese

해결책을 찾았습니다. <meta http-equiv="X-UA-Compatible" content="IE=edge">은 FIRST 태그로 배치해야 작동합니다. <head> 희망 이이 문제가 누구에게 도움이되기를 바랍니다!

출처

2015-02-13 00:28:22 racecarjonathan

오직 한 번 이상 upvote 수 있다면 .. – Umayr

+12

는 나를 위해 작동하지 않았다 : ( –

@ ManjitSingh 우리가 시도하고 도울 수 있도록 자세한 정보를 제공 할 수 있습니까? – racecarjonathan

나는 또한 동일한 문제에 직면 해있다. 필자의 경우 수정 된 문제는 다음과 같습니다.

Firefox 및 Chrome과 IE의 경우 글꼴을 다운로드하지 못하여 아이콘이 올바르게 표시되지 않는 문제가 있습니다.

매우 쉬운 수정이 여러 위치에서 확인되었습니다. cdnjs/cdnjs # 755가 그 중 하나입니다.

헤더 설정

액세스 제어 - 허용 - 원산지 "*"

수정은합니다 (@ 글꼴 - 가족 호출 전) 글꼴 awesome.css 파일의 시작 부분에 다음을 추가하는 것입니다

https://github.com/thingles/foreground/issues/222

출처

2016-03-19 08:57:28

모든 일반적인 해결책을 시도했는데 (위에 나열된 모든 것에 대해) 이것이 유일한 방법이었습니다. – NealR

내 개발 컴퓨터의 IE 11에서이 문제가 발생했습니다 (다른 곳에서는 발생하지 않음). 내 인터넷 옵션이 글꼴 다운로드를 허용하지 않도록 설정되었습니다. Windows Server를 사용하고 있기 때문에 일반적으로 사용되지는 않지만 수정하려면 다음을 수행하십시오.

[Gear] >> 인터넷 옵션 >> 보안 >> 사용자 정의 수준 >> 다운로드 >> 글꼴 다운로드> > 사용

출처

2016-08-20 15:22:38

내 경우에는 요소에 display: table이 설정되어 있습니다. 제거하면 문제가 해결되었습니다.

출처

2016-09-16 14:22:26 Nina

파일 끝에서 버전 태그를 제거하십시오. 이러한 태그는 IE에 적합합니다.

변경이 ... 이것에

../fonts/fontawesome-webfont.eot?v=4.3.0'

...

../fonts/fontawesome-webfont.eot'

출처

2017-08-01 12:43:28 Kickasstimus

Font Awesome 4.2.0이 호환 모드가 "켜짐"상태에서 IE11에서 렌더링되지 않음

답변

관련 문제