About Font Awesome
Font Awesome provides the web’s most popular icon set, toolkit, vector icons and social logos on your website.
Let get on to the article. Below are the main standard css steps you should use in your stylesheet to display the Font awesome icons to any specific .class or #div
.element {
position: relative;
}
/*replace the content value with the corresponding value from the list below*/
.element:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color: #000;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 10px;
left: 0;
}