Am I the only one whose eyes are really hurt by the brightness of the colors chosen here? (Seriously, I may be the only one - they do seem a little unnecessarily bright, but I've also been feeling tired today.)
Screenshots in Safari just captured the FOUT (http://paulirish.com/2009/fighting-the-font-face-fout/). Not sure I'm totally convinced about those IE8 + IE9 screenshots - I've tested those and 9 is pretty good, 8 is a bit lame and anything below 8 is appalling. What version of Windows was that?
It really takes the fun out of a project like this to make it not die in IE.
I just looked at in on a Win7 VirtualBox machine running IE 8 and it looked like the Litmus screenshot. I am convinced it looked bad, not surprised, but certainly sad :(
I use Safari as my main browser, and it displayed the icons correctly. (Or I probably wouldn't've posted it, since I only found it and didn't make it!)
I think these are great. Can't really use them in production until it works in latest IE at least. Absolutely love how they are scalable. Oh Internet Explorer... :/
Is there a reliable way to fish out whether a user's browser has been to any of those recently? I wouldn't put up a single UI element on the page that doesn't help the user in some way, let alone a bucketful of them.
It is not compatible with Bootstrap.css of Twitter. When both are running, a:hover creates a white underline below the button text and I couldn't really figure out how to get rid of it. Does anyone know?
This is fixed in the latest version. Alternatively you could just ensure zocial.css is the referenced below bootstrap.css to make sure it takes priority on styling.
The author created a font with each icon as a glyph (letter) in that font. Modern web browsers can load a font file referenced by URL in the stylesheet, which is what he's done. It won't work in older browsers.
