문제

우리는 최근에 글꼴 굉장에 대한 강한 의존성이있는 웹 사이트를 개발했습니다.우리는 이전 : 내용 및 제공된 CSS와 함께 표준 구현을 사용하고 있습니다.

어떤 이유로 폰트 굉장한 이유로 IE8에 표시되지 않습니다.나는 꽤 많은 시간을 보내고, 운이없는 다양한 수정을 시도하고 다양한 수정을 보냈습니다.

나는 가지고있다 :

  • eot의 mimetype을 application / vnd.ms-fontobject 로 설정하십시오.
  • OTF, TTF를 응용 프로그램 / 옥텟 스트림 로 설정하십시오.
  • 모든 CSS가로드 된 후 HTML5SHIV를 실행했습니다.
  • 페이지로드 에서 CSS 또는 DOM을 다시로드하려는 다양한 시도

    다음은 웹 사이트입니다. http://www.tetakere.org.nz - 핫 링크 상자글꼴 굉장한 의 좋은 예입니다.

    이 웹 사이트를 얻으려면 다른 접근 방식에 대한 아이디어가 있습니까?

도움이 되었습니까?

해결책

고통스러운 문제 해결 후 나는 마침내 그것을 해결했다.

솔루션은 <head> 태그 바로 앞에있는 HTML5SHIV의로드를 </body> 태그 바로 앞에 옮기는 것이 었습니다.

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>
.

다른 팁

이 문제가 오래된 질문이지만,이 문제에 많은 어려움이 있었고 마지막 답변을 제외하고는 도움이되지 않았습니다.

머리를 바꿨습니다 ...

나에게 일했던 것은 무엇입니까?

<meta http-equiv="X-UA-Compatible" content="IE=edge">
.

이것은 또한 (마지막으로 참조 된 마지막 대답) :

<meta http-equiv="X-UA-Compatible" content="IE=8">
.

또한 읽습니다 ( Force IE 호환 모드태그를 사용하여 다른 모든 메타 태그 위와 조건부 IE 문 앞에 META 태그를 넣어야하는 태그를 사용하여 );그렇지 않으면 메타 태그가 무효화됩니다.

IE8에서 일하기 위해 Fontawesome을 얻으려면 HTML5Shiv가 필요하지 않았습니다. 이 답변 (.eot 파일을 다시 만들고 이전을 다시 만드는) 내 문제를 해결했습니다.

운영없이 Apache Config 및 .htaccess 파일을 수정하지 못하도록 모든 것을 시도했습니다.IE 개발 도구에서 "문서 모드"를 비틀었고 기본값은 IE7이었습니다.그래서 몇 가지 연구가 끝나면이 메타 태그를 찾았습니다.

<meta http-equiv="X-UA-Compatible" content="IE=9">
.

이제 IE 10 및 9 내 웹 사이트를 올바르게 포맷하고 모든 글꼴 멋진 아이콘을 올바르게 표시합니다.

IE 8 호환을 원한다면 다음과 같이 시작할 수 있습니다.

<meta http-equiv="X-UA-Compatible" content="IE=8">
.

도움이되는 희망 ...

  1. 는 이것을 htaccess에 추가했습니다."Browsermatch MSIe Best-Standards 지원 헤더 세트 X-UA 호환 IE= 8 ENV= BEST 표준 지원"
  2. Eot Font 을 재평가하려고합니다.
  3. DOC 컴팩트 모드 chnage
  4. USLEEP 기능
  5. setinterval js
  6. Google HTML5 스크립트 추가
  7. IE8 의 본문 부분에서 CSS를 호출하십시오.
  8. 데이터 아이콘 클래스 추가
  9. 광고 의사 요소 js
  10. CSS 에 PNG 및 SVG 필터 추가
  11. 서버에서 글꼴 유형 사용 권한

    그러나 마지막으로 를 추가 할 때 작동합니다.

    .sass 및.없는 CSS

    파일

    해피 코딩

IE8을 사용하는 경우 다음과 같은 html5.js 스크립트를 추가해야합니다.

<!--[if lt IE 9]>
  <script     src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
.

나에게 일할 수 있습니다.참조 링크 https://github.com/fortawesome/font-Awesome / Wiki / 문제 해결 # 인터넷 탐색기 호환 모드

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top