CSS
ul {
margin: 0 0 1em 0;
padding: 0 0 0 1em; /* make space for li's :before */
list-style: none;
}
li {
position: relative;
padding-left: 0.4em; /* text distance to icon */
}
li:before {
font-family: 'my-icon-font';
content: '::';
position: absolute;
left: -1em; /* same as ul padding-left */
top: 0em; /* depends on character, maybe use padding-top instead */
/* .... more styling, maybe set width etc ... */
}
