I am in the process of building an icon font set for use on our site. We are using :before on a element in order to keep the letter out of the markup. ANd defining the content of the pseudo element in the CSS. In IE7 we collect and array of the tags with the “icon-” class and grab the letter at the end and toss it in the tag. EG class=”icon-i” drops a “i” into the tag. For this reason we are only using the alpha numeric character set so the classes work. I am investigating ways to maximize the number of icons we can get into one set. With that intro…
Currently we do not have a bold or italic set defined, and when you tell the CSS “font-weight: bold” it makes the icon bold as expected. If we build a “bold” icon on the same letter as a different icon will CSS honer that and render the different icon? I assume it will, but before I start building more icons to test I thought I would ask if anyone had knowledge to this end.
