How to use Line Awesome icons in pseudo elements?


I’m trying to add an icon to the list (ul li) but it just shows me empty square instead…

My style is:

    ul.icon-check {padding-left:40px; list-style: none}
    ul.icon-check li {position:relative; margin-bottom: 11px;}
    ul.icon-check li:before {position:absolute; 
top:0; left:-40px; content:"\f058";
 font: normal normal normal 16px/1 LineAwesome;    font-size: inherit;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;}

Any ideas?

When I’m using the standard “i” tag it works fine:
<i class="la la-check-circle"></i>


Hi Mike!
To use our Line Awesome icons, you have to download the zip file from this page and install all 3 files (one for each style).
Please, try to do it, and let me know if it works.