我正在为我的网站使用 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=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
上面的所有代码都运行良好,除了这些:
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
<span aria-hidden="true" data-icon=""></span>
我在 Icomoon 的包装中一起选择了它,但我认为是因为最后一个字符阻止了它出现。 F.e: a, b, c, d 和 e.
它显示出类似立方体的形状。
有谁知道如何解决这些问题?
谢谢!
最佳答案
似乎每个生成的字体都需要一个唯一的名称。下载按钮右侧有一个输入字段。
如果以前使用过某个名称,下载似乎会提供较早获得该名称的字体,而不是新生成的字体。
关于css - Icomoon 在 9 种字体后出现奇怪?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16633831/