Using unicode font icons

Unicode fonts contain lots of characters and symbols which are web friendly and can be used in your pages.
The benefits of using unicode fonts for icons are that they:
- are widely supported
- save space as the font is already on the users device
- quick to implement
- fairly consistent across devices

You need to ensure the target audience have Arial Unicode font on their computers for this method to work. The html would be:

<span class="icon">&#x25C0; &#x25B6;</span>

And the css:

.icon {
    font-family: 'Arial Unicode MS', sans-serif;
}