<div>
Not enough info. &nbsp;You have to have the 'font-awesome' files linked like it shows on the doc pages. &nbsp;<a href="http://fortawesome.github.io/Font-Awesome/get-started/" rel="ugc">http://fortawesome.github.io/Font-Awesome/get-started/</a>
</div>


<div>
I downloaded the font-awesome files and built a test page from their docs. &nbsp;I put it up here <a href="http://www.yamiam.org/font-awtest.html" rel="ugc">http://www.yamiam.org/font-awtest.html</a>&nbsp;so you can see it. &nbsp;It's just an HTML page so you can view the source and copy it if you want.
</div>


<div>
<a href="http://www.i-olimp.az/new-register" rel="ugc">http://www.i-olimp.az/new-register</a><br />
<br />
Look at the element before &quot;Contest selection&quot; &nbsp;Keyword
</div>


<div>
Hello Nusrat,<br />
<br />
Replace the below code:<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-40452646-1"><span>&lt;link rel=&quot;stylesheet&quot; href=&quot;/ejudge/font-awesome.css&quot; type=&quot;text/css&quot;&gt;</span>
</code></pre>
<br />
to this one:<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-40452646-2"><span>&lt;link href=&quot;http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;</span>
</code></pre>
</div>


<div>
<div class="content wysiwyg-content">
&lt;i class=&quot;fa fa-user fa-2x&quot;&gt;&lt;/i&gt;<br />
<br />
It does not properly shown, instead, there is a empty box with border in Chrome.<br />
In mozilla firefox, there is an empty box with F0 01 characters inside of the box.
</div>
</div>


<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.

font-awesome isn't properly shown.

A font is a particular size, weight and style of a typeface. Each font is a matched set of type, one piece (called a "sort") for each glyph, and a typeface consists of a range of fonts that share an overall design. With the advent of digital typography, font is frequently synonymous with typeface, although the two terms do not necessarily mean the same thing. In particular, the use of "vector" or "outline" fonts means that different sizes of a typeface can be dynamically generated from one design. Each style may still be in a separate "font file" -- for instance, the typeface "Futura" may include the fonts "Futura roman", "Futura italic", "Futura bold" and "Futura extended" —- but the term "font" might be applied either to one of these alone or to the whole typeface.

Fonts Typography

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.