Replace image buttons with css

[ecwpa]

Now that you're doing this I was wondering if it's a good idea to implement font icons, here's an example.

The advantage is that you can resize a font icon without losing quality, you also can change it's color and since we can use advanced CSS techniques we can also use text-gradients, shadows, etc.

We don't have to use that font icon package so It might be even smaller than 40kb for the whole package.


The big concern is of course, compatibility, browsers must be compatible with web fonts and CSS3.

[EXreaction]

Do you know what browsers that may be compatible with? The only mention of compatibility on that website is that it works in IE7; it does not mention other browsers or other versions as far as I could find.

[ecwpa]

Since it's just a web font, compatibity depends on @font-face, if the browser supports it then it'll work. Here's a font-face compatibility list. I tested it myself on Chrome, IE8, Firefox, Opera and the Android browser (ICS), Chrome for Android also renders it correctly.

[EXreaction]

That's a pretty cool website, I will have to save that one

[Arty]

That's a great idea.

Do you know what browsers that may be compatible with?

It should work with all browsers.

[callumacrae]

That's really not what fonts are designed for, though.

[nickvergessen]

That's really not what fonts are designed for, though.

Even Twitter Bootstrap is going to switch to a webfont instead of using images for the icons. Not designed for, yes. But the effort is great.

[DocSommer]

I'm all +1 for this idea. Btw. - speaking of CSS solutions: Is there already a RFC for changing round courners from image-overlay to css?

I modified my own prosilver and got no complaints from my users so far.

[Ger]

Is there already a RFC for changing round courners from image-overlay to css?

That's already taken care of and merged back in April. (click)
You might want to use the search function before asking those questions (or simply check the source of Area51).

[DocSommer]

thx - it just crossed my mind while I was writing my reply, that's why I said "btw". I would have taken more time for investigating before starting a new thread about this.