font-awesome isn't properly shown.

<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.
Nusrat NuriyevAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
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/
0
Edwin HofferTechnical ExpertCommented:
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
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Dave BaldwinFixer of ProblemsCommented:
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.
0
Nusrat NuriyevAuthor Commented:
http://www.i-olimp.az/new-register

Look at the element before "Contest selection"  Keyword
0
Edwin HofferTechnical ExpertCommented:
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

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Fonts Typography

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.