Icomoon 在 9 种字体后显示很奇怪？答案

【问题标题】：Icomoon show up weird after 9 fonts?Icomoon 在 9 种字体后显示很奇怪？
【发布时间】：2013-05-19 10:44:50
【问题描述】：

我正在为我的网站使用 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。

它显示类似立方体的形状。

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

谢谢！

【问题讨论】：

你确定那些字符有图标吗？
我挑选了 15 个图标并生成了它。是的，它是我从 Icomoon 应用中挑选并下载时生成的。

标签： css html icons

【解决方案1】：

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

如果以前使用过一个名称，下载似乎会提供较早获得该名称的字体，而不是新生成的字体。

【讨论】：