Wie kann ich Fontawesome-Symbole als Standard-Aufzählungszeichen für ungeordnete Listen verwenden?

Auf der Beispielseite von fontawesome zeigen sie diesen Code:

Verwenden Sie fa-ul und fa-li, um standardmäßige Aufzählungszeichen in ungeordneten Listen einfach zu ersetzen.

<ul class="fa-ul">   
    <li><i class="fa-li fa fa-check-square"></i>Listicons (like these)</li>   
    <li><i class="fa-li fa fa-check-square"></i>can be used</li>   
    <li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li>   
    <li><i class="fa-li fa fa-square"></i>default bullets in lists</li> 
</ul>

Das funktioniert gut, aber ich habe viele ungeordnete Listen auf meiner WordPress-Site, und ich habe mich gefragt, ob es möglich ist, das Kontrollkästchen fontawesome zum Standard-Aufzählungszeichen auf der gesamten Site zu machen? Ich weiß, dass mein Design LESS verwendet, daher ist jeder LESS-Code akzeptabel.

Ich dachte darüber nach, so etwas in CSS zu tun:

ul li i {
   class="fa-li fa fa-square";
}

Aber ich glaube nicht, dass das mit CSS möglich ist. Ich habe mir LESS angesehen und denke, Mixins könnten sich als nützlich erweisen, aber ich konnte die korrekte Syntax nicht herausfinden.

Jede Hilfe wird sehr geschätzt.

Schauen Sie sich nur an, wie sie die Symbole tatsächlich dazu gebracht haben, auf ihrer Website zu erscheinen. Sie verwenden a before Pseudoelement, das die hat FontAwesome font-family und um das eigentliche Symbol erscheinen zu lassen, verwenden sie die content Eigentum.

http://jsfiddle.net/kqa6B/

<ul>
    <li>One</li>
    <li>Two</li>
</ul>

.

li {
    list-style:none;
}

li:before {
    font-family:'FontAwesome';
    content:"\f14a";
}