Unable to render font awesome icons

Question

I am using following code to render font awesome icons

Index.html: <link rel="stylesheet" href="/bower/fontawesome/css/font-awesome.min.css">

On the page:  fa-gear This results in - See below image for result:

enter image description here

But when I change it to  fa-gear when I use class fa-square-o I do not see correct result .See this image

What needs to be done to fix this issue?

enter image description here

you need to add the 'fa' class to every icons, if its still not showing, may be the icon wasn't present in this version of font awesome. — Sobin Augustine, Oct 17 '14 at 06:38

score 0 · Accepted Answer · answered Oct 17 '14 at 06:34

0

You need to add the fa class also:

<i class="fa fa-square-o"></i>

answered Oct 17 '14 at 06:34

Michael Schneider

Thanks. This worked. Is there any way to change the back color to blue instead of black – SharpCoder Oct 17 '14 at 06:38
I would do that directly on inline style adding this: `` Just get the correct blue you want and change it. – Michael Schneider Oct 17 '14 at 06:40

1 Answers1