0

私は自分のサイトに Icomoon を使用しています。最初の 9 つのフォントで正しく表示されます。

ここに私のコード(CSS)があります:

@font-face {
    font-family: 'icomoon';
    src:url('font/icomoon.eot');
    src:url('font/icomoon.eot?#iefix') format('embedded-opentype'),
        url('font/icomoon.woff') format('woff'),
        url('font/icomoon.ttf') format('truetype'),
        url('font/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before { 
    font-family: 'icomoon';
    content: attr(data-icon); 
    speak: none;
}

ここに私のコード(HTML)があります:

<span aria-hidden="true" data-icon="&#xe000;"></span>
<span aria-hidden="true" data-icon="&#xe001;"></span>
<span aria-hidden="true" data-icon="&#xe002;"></span>
<span aria-hidden="true" data-icon="&#xe003;"></span>
<span aria-hidden="true" data-icon="&#xe004;"></span>
<span aria-hidden="true" data-icon="&#xe005;"></span>
<span aria-hidden="true" data-icon="&#xe006;"></span>
<span aria-hidden="true" data-icon="&#xe007;"></span>
<span aria-hidden="true" data-icon="&#xe008;"></span>
<span aria-hidden="true" data-icon="&#xe009;"></span>

これらを除いて、上記のすべてのコードは正常に機能します。

<span aria-hidden="true" data-icon="&#xe00a;"></span>
<span aria-hidden="true" data-icon="&#xe00b;"></span>
<span aria-hidden="true" data-icon="&#xe00c;"></span>
<span aria-hidden="true" data-icon="&#xe00d;"></span>
<span aria-hidden="true" data-icon="&#xe00e;"></span>

Icomoonのパックで一緒に選んでいるのですが、登場しないのは最後のキャラのせいだと思います。Fe: a、b、c、d、および e。

立方体のような形をしています。

これらの問題を解決する方法を知っている人はいますか?

ありがとう!

4

1 に答える 1