Icomoon在9种字体后出现奇怪?

时间:2013-05-19 10:44:51

标签: css html icons

我在我的网站上使用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的一个包中一起选择它,但我认为因为最后一个字符阻止它出现。 F.e:a,b,c,d和e。

它显示了像立方体形状的东西。

有谁知道如何解决这些问题?

谢谢!

1 个答案:

答案 0 :(得分:0)

似乎每个生成的字体都需要一个唯一的名称。 “下载”按钮右侧有一个输入字段。

如果之前使用过某个名称,则下载似乎提供了之前获得该名称的字体,而不是新生成的字体。