Icomoon show up weird after 9 fonts? [migrated]
I'm using Icomoon for my site. It shows up correctly for the first 9 fonts.
Here's my code (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;
}
Here's my code (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>
All code above works well except these:
<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>
I choose it together in a pack from Icomoon, but I think because of the last character that prevent it from showing up. F.e: a, b, c, d and e.
It shows something like cube shape.
Does anyone know how to solve these issue?
Thanks!
I'm using Icomoon for my site. It shows up correctly for the first 9 fonts.
Here's my code (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;
}
Here's my code (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>
All code above works well except these:
<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>
I choose it together in a pack from Icomoon, but I think because of the last character that prevent it from showing up. F.e: a, b, c, d and e.
It shows something like cube shape.
Does anyone know how to solve these issue?
Thanks!
No comments:
Post a Comment