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:
  • 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="">
  • 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>