Using Font Awesome icons

  • If you want to use Font Awesome icons, you need to load it's css code in your theme/template. 
  • Open up your index.php or header.php file of your theme/template:

Joomla: templates\[your template]\index.php

WordPress: wp-content\themes\[your theme]\header.php

  • And look for this part of the code:
<head>
...
</head>
  • It could be in another file too, just look for them. Between these head tags you should call in the Font Awesome css file:
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  • If you would like to see these in the admin backend too, do the same in your admin template/theme:

Joomla: administrator\templates\[your template]\index.php

WordPress: wp-admin\admin-header.php

  • After this you will be able to use the FontAwesome icons in Text and HTML layers: <i class="fa fa-eye"></i>