Greetings. On a current project, there are some design elements that I’d normal simply make into an icon font, mostly because they reoccur throughout the design. For hover effects especially, this seems to be the best way to go. The only catch is that these images aren’t one solid color. Part of the elements are a bit transparent while other parts are solid.
[Here’s a link to the image.](http://isaacgregson.com/images/public/elements.jpg “”)
Here’s the question: would you all just make them into a PNG and use them as a normal image (creating a sprite and so on)? Or, is there a way to create icon fonts from more complex images (with varying transparencies on the image)?
And, if the image route is the only viable option, what the current (general consensus) “best practice” for changing the image color on hover (originally done with pure html, correct?)?
