2016-09-28 9 views
0

このウェブサイトでは、私はちょっと前に買ったテンプレートを使っています。シンボルセットアイコンを使って小さな猫や無線LANのシンボルを表示しています。多くの無線LANがあります:http://leeuwwitje.nlシンボルセットのアイコンがInternet Explorerに表示されない

しかし、インターネットエクスプローラ11では、シンボルは表示されません。代わりに私はキーワードだけを見ます。私はおそらくIEでこの仕事をするために少しスクリプトを含める必要がありますが、私はそれを見つけることができないようです。

奇妙なことに、テンプレートのデモではすべて正常に動作していますが、私のサイトではこの問題が発生します。

+1

font-supportと関係があります。アイコンフォント/アイコンがCSSにどのようにロードされるかについて、いくつかのCSSコードを表示できますか? – adamk22

+0

質問を求めるコードのヘルプには、問題**の中で、** [** Stack Snippet **](** https://blog.stackoverflow.com/2014/09/introducing- runnable-javascript-css-and-html-code-snippets /)を使用します。あなたは[**サンプルまたはサイトへのリンク**]を提供していますが(http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-リンクが無効になる場合、あなたの質問は同じ問題を持つ他の将来のSOユーザには価値がないでしょう。 –

+0

私は実際にアイコンとhtmlの間の接続がどのように行われているのか分かりません。これは、例えば、猫のためのhtmlです: ファイヤーフォックスとクロムでは、結果はかわいい探しの猫ですが、つまり動作しません。 –

答えて

2

実際にアイコンクラスをスパンに追加する必要があります。

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

へ:それはあなたのスパンのすべては、あなたがしたいフォントが含まれているようなので、からそれらを更新見え

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

なく、あなたのアイコンリストがどこにあるかを確認しますが、これらは私ui.bellhelicopter.com

のために働くように見えます私はそれがSOMETを持っていると信じて

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

+0

ありがとうございます。 Firefoxではこれが必要ないというのは奇妙です。 htmlはWordPressのプラグインの製品なので、今このクラス名を追加するプラグインの入手方法を調べる必要があります。 –

+0

もちろん、クラス属性にss-catを追加すると、2匹の猫がいました。あなたの例のように、私はタグを空にしました。私はおそらくよりエレガントな方法があると思うが、これは行うだろう。ありがとう! –

関連する問題