Maybe an iconic font instead of images?

stevdompl commented 8 years ago

What I would like to see in iCheck is the use of iconic fonts (woff, ttf/otf, svg, eot) rather than images.

This would make the theming much easier:

as the style would be achieved by using different characters sets in the font,
as the color would inherit from text color,
and as fonts render as vector there (I think) there would be no reason for Retina variants.

custa1200 commented 8 years ago

Seems like a lot of overkill for some checkboxes and radio buttons. I thought people had also moved on from using fonts due to various issues and pushing SVG images.

stevdompl commented 8 years ago

I don't think so. For the use of CDN, we could even split the styles in separate fonts, so the browser would download only required files. You should also keep in mind that the browser can cache the fonts (which IMO will need less disk space than storing X images - considering the use of the combined stylesheet).

The reason behind this issue is that I would like to use iCheck in one of my projects, but because I allow the user to change Bootstrap theme by choosing one of Bootswatch variants I'm forced to prepare additional color variants to suit the used color scheme.

Of course, I don't insist on font usage. We could also do it with some HTML tags, pseudo-elements, and CSS3 transforms, and compile along with the Bootstrap theme or use of currentColor to define background color - but this would mean a lower browser compatibility.

vernondegoede commented 7 years ago

I agree with @stevdom, using images instead of iconic fonts makes theming of this plugin harder.

As an example, I'm trying to let my users style a certain page using a colorpicker. Everything is styleable using CSS except for the iCheck radio buttons...

stevdompl commented 7 years ago

Well actually I'm using right now modified (only checkbox & radio) styles from here which are based on box-shadow.

drgullin / icheck

Maybe an iconic font instead of images? #332