맞춤 아이콘 글꼴이 내 웹 사이트에 표시되지 않지만 다른 웹 사이트에 표시됩니까?

Question

내 사용자 정의 아이콘 글꼴이 내 웹 사이트에 표시되지 않습니다. 브라우저 설정에서 유니 코드 범위에 이르기까지 그럴듯한 원인을 찾는데 많은 시간을 보냈습니다. 기본적으로 나는 여기에서 자습서를 따라 갔다 : http://tympanus.net/Blueprints/ResponsiveIconGrid/

나는 나의 웹 사이트에 그것을 성공적으로 구현했다. 기능성, 스타일 - 모든 것이 점검 중입니다. 아이콘 대신에 직사각형/사각형이 보였으며 가장 적게 말하면 좌절감을 느낍니다.

두 웹 사이트를 똑같은 브라우저에서 볼 수 있으며, 코드 롭에서 아이콘을 볼 수 있습니다. 너희들은 어떤 문제에 관한 힌트를 가지고 있니?

내 CSS에 글꼴을 추가했습니다. 내 HTML은 여기

@font-face { 
    font-family: 'anyoldicon'; 
    src:url('assets/anyoldicon.eot'); 
    src:url('assets/anyoldicon.eot?#iefix') format('embedded-opentype'), 
     url('assets/anyoldicon.woff') format('woff'), 
     url('assets/anyoldicon.ttf') format('truetype'), 
     url('assets/anyoldicon.svg#anyoldicon') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
    unicode-range: U+00-FFFF; 
} 

: 그리고 나는 다른

<li> 
    <a href="#"> 
    <span class="cbp-ig-icon cbp-ig-icon-whippy"></span> 
    <h3 class="cbp-ig-title">George</h3> 
    <span class="cbp-ig-category">Smith</span> 
    </a> 
</li> 

아무것도 놓친 것 여기있다? 솔직히 말해서 URL을 보여주지 않고, 더 이상 가르치지 않을 것입니다. 그것의 설명대로 - 동일한 레이아웃,하지만 하나의 웹 사이트에 표시하고 다른에 고장. http://pastebin.com/94UgpN8B 나는 또한 어떤 도움 경우이 아이콘 글꼴, IcoMoon에 의해 생성되는 것을 언급해야한다 :

다음은 아이콘과 그리드의 애니메이션에 해당하는 CSS입니다.

마지막으로 Muse를 사용하여 웹 사이트를 컴파일하고 있습니다. 나는 그것이 어떻게 부정적인 영향을 미칠지는 모르겠다. 어떻게 든 뮤즈가 글꼴을 어지럽 혔습니까?

Answer 1

OK, 나는 당신의 문제가 여기에있다 생각 :

편집 : 잘하면 더 명확한 지침.

.cbp-ig-icon 클래스는 콘텐츠를 정의하는 추가 클래스에 의해 올바르게 상속되지 않습니다. :before 두 개가 계속 될 수 있습니다. 테스트로서, .cbp-ig-icon:before (font-family 등)의 내용을 직접 .cbp-ig-icon-show : before에 직접 정의하고 작동하는지 확인하십시오.

.cbp-ig-icon:before { 
    font-family: 'anyoldicon'; 
    ... 
} 

.cbp-ig-icon-shoe:before { /** This is a totally separate class **/ 
    content: "\e000"; 
}