How to use Font Awesome Icons as Bullets
This could be accomplished by using the built in Font Awesome CSS classes
- Add the fa-ul class to the ul html tag
- Between the li tags add <i class=”fa-li fa fa-stop”></i> replacing the fa-stopCSS class with the icon class you would like to show as the bullet
Example:
<ul class="fa-ul">
<li><i class="fa-li fa fa-stop"></i>Bullet 1</il>
<li><i class="fa-li fa fa-stop"></i>Bullet 2</il>
<li><i class="fa-li fa fa-stop"></i>Bullet 3</il>
<li><i class="fa-li fa fa-stop"></i>Bullet 4</il>
<li><i class="fa-li fa fa-stop"></i>Bullet 5</il>
</ul>