FONTS: MANUAL INPUT FONT AWESOME USING UNICODE

TUTORIAL HOW TO USE FONT AWESOME WITH UNICODE

If we want to use font-awesome in some condition, but it not allowed us to use 'i tag: see below example'. Then call font awesome's function with another markup.

<i class="fa fa-external-link"></i>

Please take a look for an Unicode for this icon too: f08e.
If somehow you can markup the function of 'i class', then maybe you're looking for another alternative.

At Cascading Style Sheets (CSS) area, you can use this Unicode. It will be like these '\f08e'. See at screenshot that have been taken from Font Awesome developer's site.

Images taken with screenshot at fontawesome.io's website

An example? Here..

.post-body a:before {
content: '\f08e';
font-family: FontAwesome;
font-size: 14px;
position: absolute;
/* another CSS at here */
}

An another example??

pre {
content: "HELLO JON \f1b0";
font-family: FontAwesome;
font-variant: small-caps;
/* another CSS at here */
}

IMPORTANT RULES USING UNICODE FROM FONT AWESOME

1. Everytime mark-up the function of Font Awesome's icons with this way, do not forget to include tag: Font-family section.

font-family: FontAwesome;

2. Of course we will need using a Bootstrap, see at original documentation at FontAwesome.io.
We don't even have to download or install anything! But we really need this:

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>

- Read: Font Awesome tutorial -