Home /CSS /Font Awesome CSS Shortcut Codes - Using Font awesome in a UL List /

Font Awesome CSS Shortcut Codes - Using Font awesome in a UL List

2:17 am, April 23, 2017

Original Post Date: 4:30 am, September 8, 2015

incase you want to use font awesome in your css this is how to do it.

If you have a list and want to use a font awesome icon rather than the default. 

Link to the Icon CSS reference: http://astronautweb.co/snippet/font-awesome/

Link to the demo:  http://codepen.io/kruxor/pen/mybNZV 

Update: Here is a demo using Ticks in a list, just changed the width and padding a bit. http://codepen.io/kruxor/pen/emMPWQ 

ul { list-style-type: none; margin:0; padding:0; } ul li a:before { content: "\f105 "; font-family: 'FontAwesome'; width:10px; display: inline-block; padding-left:-10px; }