1. Add the Font Awesome font inside the template folders

1.1. Go to Font Awesome and download it choosing the FOR THE WEB version.

1.2. Access the template's files and folders and create a new folder, called "icons" or something similar.

1.3. Unzip the archive you downloaded from Font Awesome and copy the content of the folder inside the new "icons" folder.

2. Replace the Font Awesome CDN links with the version you have locally:

Find the Font Awesome CDN code inside the index.php file, for example:

FavThemes tutorial for FontAwesome icons used locally for templates

Edit the above code and replace the FontAwesome CDN link, such as:

href="//use.fontawesome.com/releases/v5.1.0/css/all.css"

with:

href="https://yourwebsite.com/templates/templatename/icons/css/all.css"

The Joomla! name is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries. FavThemes is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.