Using HTML unicode characters can help you reducing the amount of images on your site, just using the right HTML code and you can get this: ✔ or this ★
Doing that is as simple as adding its unicode code like this:
tick: <span style="color:green">✔</span> star: <span style="color:red">★</span>
To get an idea of which unicode characters you can use just check this W3C list. Though probably what you really want is to have a look at the symbols, the geometric shapes, the arrows or the dingbats.
Unicode format
Have always in mind that there are more unicode character sets than the standard (UTF-8), like UTF-16. You can make use of other standards by setting it on a meta or on your XHTML declaration tag:
<meta charset="ISO-8859-1">
Checkbox symbols
These symbols can be quite nice when editing a checkbox:
- ☐ (hex:
☐
/ dec:☐
): ballot box (empty, that’s how it’s supposed to be) - ☑ (hex:
☑
/ dec:☑
): ballot box with check - ☒ (hex:
☒
/ dec:☒
): ballot box with x - ✓ (hex:
✓
/ dec:✓
): check mark, equivalent to✓
and✓
in most browsers - ✔ (hex:
✔
/ dec:✔
): heavy check mark - ✗ (hex:
✗
/ dec:✗
): ballot x - ✘ (hex:
✘
/ dec:✘
): heavy ballot x
Just imagine you add some colouring and font-sizing to them:
☐ Option 1
☑ Option 2
☒ Option 3
You could have custom checkboxes quite easily!!