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>