Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 255
  • Last Modified:

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.
0
Nusrat Nuriyev
Asked:
Nusrat Nuriyev
  • 2
  • 2
1 Solution
 
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
 
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

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now