Używanie ikony Font Awesome do wypunktowania, z pojedynczym elementem elementu listy

Chcielibyśmy móc użyć czcionki Font Awesome (http://fortawesome.github.com/Font-Awesome/ ) ikona jako punktor dla list nieuporządkowanych w systemie CMS.

Edytor tekstu w systemie CMS wyprowadza tylko surowy kod HTML, więc nie można dodawać dodatkowych elementów / klas.

Oznacza to wyświetlanie ikon, gdy znak wygląda tak:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

Pierwszy problem, który widzę, jeśli Font Awesome wymaga innego atrybutu font-family, który wymagałby oddzielnego elementu.

Czy jest to możliwe przy użyciu czystego CSS? A może musiałbym dołączyć element na początku każdego elementu listy, używając czegoś takiego jak jQuery?

Zdaję sobie sprawę, że możemy użyć spadku obrazu tła, ale byłoby świetnie, gdyby to możliwe, użyć Font Awesome.

questionAnswers(6)

yourAnswerToTheQuestion