5

サイトで IcoMoon アイコンを使用していますが、最新のすべてのブラウザーで完全に機能しますが、Internet Explorer 7ではまったく機能せず、 Internet Explorer 8 では小さなボックスとして表示されます。CSS は次のとおりです。これは、フォントへの相対パスを除いて、IcoMoon からのものです。

@font-face {
    font-family: 'icomoon';
    src:url ('../fonts/icomoon.eot');
    src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.woff') format('woff'),
        url('../fonts/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant:normal;
}

ナビゲーションにアイコンを表示するために data-icon 属性 (例:<li data-icon="&#xe003;"><a hrefなど) を使用しています。

問題は何でしょうか？

4

3 に答える 3

1

iconmoon でアイコンを生成するときは、設定に移動して、ie6 と ie7 のサポートを確認してください。 このボックスにチェックを入れます

フォント内に別の ie7 フォルダーを取得し、頭の中でこのようなものを使用します。

<!--[if lte IE 8]>
        <link rel="stylesheet" href="ie7/ie7.css">
<![endif]-->

ie7.css または ie7.js のいずれかを使用できる 2 つのファイルがあります。

于 2015-05-05T15:37:23.397 に答える