Why are you using such performance-heavy way to target your icons???
Do you know that HTML elements can have 2 classes? and that it's compatible with all browsers even IE6?
Instead of:
<span class="icon-twitter"></span>
Simply use:
<span class="icomoon icon-twitter"></span>
And in your CSS,
Instead of:
[class^="icon-"], [class*=" icon-"] {
...
}
Simply use:
.icomoon {
...
}
.icon-twitter:before {
content: "\e001";
}
It's been years since I wanted to post this feedback as it's SOOOO obvious! I just hate Google Groups so much that I never wanted to participate anyway.