符號集圖標不在Internet Explorer中顯示

在本網站上，我有一個很好的模板，我前段時間買了一個，它使用符號集圖標來顯示一個小貓或一個wifi符號，以表示寵物被允許在我的家中有很多的wifi：http://leeuwwitje.nl 符號集圖標不在Internet Explorer中顯示

但在工作的Internet Explorer 11中，符號不顯示。相反，我只看到關鍵字。我可能應該包括一個腳本來使這項工作在IE中，但我似乎無法找到它。

奇怪的是，在模板的演示中，所有工作都正常，但在我的網站中出現了這個問題。

來源

2016-09-28 Hans Dash

我相信它有舒美特與字體支持有關。你可以在圖標字體/圖標如何加載到CSS中顯示一些CSS代碼？ – adamk22

尋求代碼幫助的問題必須包括在問題本身**中重現它所需的最短代碼**最好在[** Stack Snippet **]（https://blog.stackoverflow.com/2014/09/introducing-可運行的JavaScript-CSS-和HTML的代碼段/）。雖然您提供了[**鏈接到示例或網站**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-如果鏈接變得無效，那麼你的問題對於其他具有相同問題的未來SO用戶將沒有任何價值。 –

我實際上不知道圖標和html之間的連接是如何進行的。例如，這個貓的html：在firefox和chrome中，結果是一隻可愛的貓，但在ie中，它沒有任何功能。 –

你需要實際添加一個圖標類到你的範圍。它看起來像所有的跨度包含的字體，你要那麼從更新它們：

<span class="ss-icon">cat</span>

要：

<span class="ss-icon ss-cat"></span>

不知道在您的圖標列表，但這些似乎對我ui.bellhelicopter.com

工作

<link href="https://ui.bellhelicopter.com/assets/fonts/ss-geomicons-squared/webfonts/ss-geomicons-squared.css" rel="stylesheet"/> 
 
<div> 
 
    <ul> 
 
    <li style="list-style-type:none"><i style="font-size:24px" class='ss-icon ss-cat'></i></li> 
 
    </ul> 
 

 
</div>

來源

2016-09-28 11:44:10 Nix

謝謝。很奇怪，在Firefox中這不是必需的。由於html是wordpress插件的產品，現在我需要找出如何讓插件添加此類名稱。 –

當然，當我將ss-cat添加到class屬性時，有兩隻貓。（我的運氣）所以我清空了標籤，就像你的例子。我懷疑可能有更優雅的方式，但是這樣做。謝謝！ –

符號集圖標不在Internet Explorer中顯示

回答

相關問題