Using Meteocons (web font) for icons instead of images

Hi all,

Being a huge fan of web fonts, I went through the module and replaced the icons I encounter most with those from Meteocons. To be honest, the icons included in the set here weren't a match to the design for this project I'm working on and there were frankly too many icons that were extremely similar and that seemed confusing.

http://www.alessioatzeni.com/meteocons/

It's a free web font that includes nice images (as text) for various weather conditions. I had a difficult time trying to pick through the code, but eventually I got something together for my use. My question is if anyone else was interested in using web fonts instead of a zillion different icons. If anyone else is interested, I can share what I have here and hopefully someone can integrate it properly. Everything is done using pure CSS using classes, but I think a better approach is to use HTML5 data- attributes. Not to mention the module could be slimmed down significantly in the HTML (the version I have I believe is from January 2013-ish and was a little too bloat-y for my liking). For myself, I prefer to do as much as possible in CSS.

I'll paste an example for everyone to see what I'm talking about. I used css :before and :after and "content" to display the condition, along with the web font above it. It loads immediately as well.

.weatherIcon.day:before { content: "B"; }

.weatherIcon.day.few:before, .weatherIcon.day.broken:before { content: "H"; }

I won't waste anyone's time if nobody is interested, but if someone is, please let me know and I'll share what I have. Keep in mind I'm not familiar with how to contribute but I will give it my best shot.

-----
Regardless of whether or not everyone wants to move to a CSS web font, I think moving to a CSS solution for the icons is a necessity instead of hardcoding.