2014-12-09 3 views
3

페이지를 새로 고친 후 글리프 아이콘이 Internet Explorer 11 웹 페이지에서 사라집니다 (F5). 그러나 메뉴 링크를 클릭하여 웹 페이지를 열면 (처음 새로 고친 후) 페이지가 올바르게 표시됩니다. . .글꼴 브라우저 새로 고침 후 굉장한 아이콘이 사라짐

크롬에서는 F5를 눌러도 문제가 없습니다. Bootstrap v3.3.1을 실행 중입니다.

나는 http://fortawesome.github.io/Font-Awesome/examples/에서 샘플 코드를 촬영했지만이 간단한 코드는 F5 누른 후 작동하지 않습니다

<div class="row"> 
    <class ="col-lg-12"> 
     <div class="list-group"> 
      <a class="list-group-item" href="#"> 
       <i class="fa fa-home fa-fw"></i>&nbsp; Home 
      </a> 
      <a class="list-group-item" href="#"> 
      <i class="fa fa-book fa-fw"></i>&nbsp; Library 
      </a> 
      <a class="list-group-item" href="#"> 
       <i class="fa fa-pencil fa-fw"></i>&nbsp; Applications 
      </a> 
      <a class="list-group-item" href="#"> 
       <i class="fa fa-cog fa-fw"></i>&nbsp; Settings 
      </a> 
     </div> 
    </class> 
</div> 

내가 Internet Explorer에서 페이지 새로 고침 후 볼 수 glyphicons을 유지하기 위해 어떻게해야합니까?

+1

Fontawesome과 glyphicons가 일치하지 않습니다. – Luke

+0

데모 페이지에서 같은 문제가 발생합니까? – isherwood

+0

JSFiddle에 코드를 넣을 수 있습니까? CSS와 충돌이 발생합니다. CSS의'*'속성에주의하십시오. 어딘가에'* {font-family : ...}'를 정의하면 ... –

답변

1

데모 페이지는 저에게 잘 맞습니다 (@Iswood). 그래서 내 프로젝트에 뭔가가 있어야합니다.

JSFiddle은 잘 작동했지만 (@Ivijan Stefan Stipić) CDN을 사용하여 바이너리에서 .CSS 및 .JS 파일을 가져와야했습니다.

그래서 font-awesome.min.css (Fontawesome은 glyphicons @Doctus와 동일하지 않음)에 대한 내 참조가 문제였던 것 같습니다.

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 

을 그리고 지금은 확인을 작동합니다

나는 CDN을 참조하여이 문제를 교체했다.

+1

이것은 실제로 대답이 아닙니다. 이것은 해결 방법입니다. ** 실제 문제의 근원이 무엇인지 아는 사람이 있습니까? – lenswipe

관련 문제