自定義圖標fontface沒有顯示在我的網站上，但顯示給其他人？

Question

我的自定義圖標fontface未顯示在我的網站上。我花了很多時間尋找可能的原因，範圍從瀏覽器設置到Unicode範圍。基本上，我已經按照教程從這裏： http://tympanus.net/Blueprints/ResponsiveIconGrid/

我成功地在我的網站上實現它。功能，樣式 - 一切都在檢查中。除了代替圖標，我看到矩形/方塊，至少可以說是令人沮喪的。

我使用完全相同的瀏覽器來查看這兩個網站，我可以看到codrops上的圖標就好了。你們/女孩有什麼暗示可能是什麼問題？

我已經添加了字體到我的CSS;這就是：

@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; 
} 

這裏是我的HTML：

<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> 

別的我可能會錯過？我寧願不顯示網址，因爲它不會教你什麼，說實話。正如所描述的那樣 - 相同的佈局，但在一個網站上可見並且在另一個網站上被破壞。

下面是對應於圖標和網格動畫的CSS： http://pastebin.com/94UgpN8B我還應該提到，這個圖標字體是由IcoMoon生成的，如果這有幫助的話。

最後，我使用Muse來編譯網站。我不明白這會有什麼負面影響。繆斯是不是在修改字體？

Answer 1

好吧，我相信你的問題就在這裏：

編輯：希望更明確的指示。您的.cbp-ig-icon類可能不會被定義內容的其他類繼承。雙:before可能會發生一些事情。作爲一個測試，直接定義.cbp-ig-icon:before（font-family等）下的內容，直接到你的.cbp-ig-icon-show：之前，看看是否有效。

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

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