2013-03-21 2 views
4

아이콘 - 스크린 샷을 볼 수 있지만 아이콘 -지도 아이콘은 잘 렌더링되지만 아이콘 - 종이 클립 또는 아이콘 그룹 또는 아이콘 링크를 사용할 때는 아무 것도 볼 수 없습니다. 아마도 틀린가? 여기에있는 누구나 같은 문제가 발생 했습니까?일부 글꼴 멋진 아이콘이 표시되지 않음

+3

.fa-stack br { display: none }은 어쩌면 당신은 굉장 폰트의 코드를 덮어 다른 CSS 있습니다. 최신 버전을 사용하면이 아이콘이 표시됩니다.Perhabs는 사용자 정의 CSS를 보여줄 수 있습니까? – Jan

+0

는 나에게 잘 작동한다. http://jsfiddle.net/handtrix/s5pxe/ – HaNdTriX

+0

고마워. 버전 3으로 업그레이드 할 때 업데이트 된 글꼴 파일을 사용하지 않았다. –

답변

2

fontawesome 버전을 업그레이드 할 때 css 파일과 글꼴을 모두 바꾸 었는지 확인하십시오. 다른 위치에 글꼴 폴더를 배치 한 경우 css 파일에서도 경로를 업데이트해야합니다. official troubleshooting guide을 바탕으로

+0

롤. 이것은 나에게 많은 귀중한 시간을 절약 해주었습니다. 감사합니다 :) – lol

3

이 당신이 체크해야 할 것들 :

일반

  • 당신은 당신의 시스템에 설치 굉장 글꼴의 이전 버전이없는 (이 우선 순위가있을 수 있습니다)가 ;
  • [자신의 서버에서 Font Awesome을 제공하는 경우] font-awesome.css 파일과/fonts 폴더가 모두 최신 상태입니다.
  • [CDN에서 Font Awesome을 제공하는 경우] CSS 링크가 최신 상태입니다.
  • 이전/수정 된 글꼴 Awesome을로드하는 플러그인/확장명을 사용하고 있지 않습니다.
  • 유효한 HTML5 템플릿을 사용하고 있습니다.
  • 브라우저의 개발 콘솔에 올바른 글꼴 파일이로드되고 있음이 표시됩니다.
  • 브라우저의 확장 프로그램이 웹 글꼴 (noscript, adblockplus 등)을 차단하지 않습니다.

IE 특정

  • 인터넷 익스플로러 호환성 모드는 몇 가지 문제가 발생할 수 있습니다.

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

  • 당신이 IE8을 사용하는 경우,이 같은 html5.js 스크립트를 추가하는 것이 필요 :

    <!--[if lt IE 9]> <script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> <![endif]-->

  • FontAwesome이와 호환되지 않습니다 당신의 머리에 추가하여 비활성화 ie7-js.

  • 글꼴이 설치 가능 포함 모드로 설정되어 있지 않으면 Internet Explorer에서 오류가 발생합니다. More info. 특정

워드 프레스는

  • 워드 프레스 자동 라인의 끝에 <br> 태그를 추가하고이 아이콘 스택을 깰 것입니다. 한 줄에 HTML을 넣어 또는 스타일 시트에 추가하십시오 :

+0

또한 브라우저 부가 기능이 렌더링을 방해 할 수 있습니다. Firefox에서 자주 발생하는 문제. 그렇다면 해당 플러그인을 사용 중지하거나 안전 모드를 사용해보세요. Firefox 안전 모드 : https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode?redirectlocale=en-US&redirectslug=Safe+Mode – Oriol