Font Awesome Icons and Custom Icon Fonts

Here’s how to add Font Awesome icons:

  1. Navigate to Font Awesome Icons site: http://fontawesome.io/icons/
  2. Click on desired icon. Icon individual page fill open. E.g. this: http://fontawesome.io/icon/smile-o/
  3. Copy the code (e.g. <i class=”fa fa-smile-o”></i>) and paste it to corresponding field in menu item (Fig. 1-1) or benefit adding/editing screen (Fig. 1.-2).
Fig. 1.1. Add icon to menu.

Fig. 1-1. Add icon to menu.

Fig. 1.2. Font awsome icons for Benefits.

Fig. 1-2. Font awsome icons for Benefits.

In Armada theme you can upload your own custom made fontello.com Icon Font via FTP to “wp-content/themes/dt-theme_name/css/fontello” folder.

“Icon Bar” item will appear in WP admin top bar. Click on it will reveal a window with icons codes reference (see Fig. 2).

Fig. 2. Icons Bar.

Fig. 2. Icons Bar.