font-awesome isn't properly shown.

Nusrat Nuriyev
Nusrat Nuriyev used Ask the Experts™
on
<i class="fa fa-user fa-2x"></i>

It does not properly shown, instead, there is a empty box with border in Chrome.
In mozilla firefox, there is an empty box with F0 01 characters inside of the box.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Dave BaldwinFixer of Problems
Most Valuable Expert 2014

Commented:
Not enough info.  You have to have the 'font-awesome' files linked like it shows on the doc pages.  http://fortawesome.github.io/Font-Awesome/get-started/
Technical Expert
Top Expert 2014
Commented:
Hello ,

First you have to link the font awesome file through, you can link it by many ways but I suggest you to use the below one in your head tag:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

Open in new window


For font awesome code use:

<i class="fa fa-user"></i>

Open in new window


or if you want to use any class in font awesome tag then make a div and use the class in it instead of using in font awesome tag.

Thanks
Edwin
Dave BaldwinFixer of Problems
Most Valuable Expert 2014

Commented:
I downloaded the font-awesome files and built a test page from their docs.  I put it up here http://www.yamiam.org/font-awtest.html so you can see it.  It's just an HTML page so you can view the source and copy it if you want.

Author

Commented:
http://www.i-olimp.az/new-register

Look at the element before "Contest selection"  Keyword
Edwin HofferTechnical Expert
Top Expert 2014

Commented:
Hello Nusrat,

Replace the below code:

<link rel="stylesheet" href="/ejudge/font-awesome.css" type="text/css">

Open in new window


to this one:

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

Open in new window

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial