How to draw a checkmark / tick using CSS

This is only good if the browser allows the psuedo-elements (but even IE8 does, so should not be a problem), but it’s ideal when you cannot change the structure (HTML) of the page. Also, it doesn’t require icon fonts if that one symbol is all you need,Below is an example:

li:before {
  content:'[add icon symbol here]';
  font-family: [my cool web icon font here];
  display:inline-block;
  vertical-align: top;
  line-height: 1em;
  width: 1em;
  height:1em;
  margin-right: 0.3em;
  text-align: center;
  color: #999;
}