Шрифты Awesome позволяют вставлять на страницы сайта различные символы, масштабировать их и назначать цвет им.
Шрифты устанавливаются также как Google шрифты или другие преобразованные для веб шрифты с помощью генератора веб шрифтов.
То есть шрифты загружаются в папку шаблона например fonts, и подгружаются с помощью файла css.
В пакете Font Awesome есть файл font-awesome.min.css в папке css, вот его подгружаем в шаблоне или просто скопируем его содержание в имеющийся css файл шаблона. Нужно также будет проверить правильность пути к файлам шрифта.
Например:
font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0')
Это будет верно когда папка с css файлами и папка fonts находятся на одном уровне.
Чтобы вставить нужный символ нужно использовать либо тэг <i> либо <span>
Вот страница с примерами >> fontawesome.io/examples
Напрмер:
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
Чтобы увеличить символ используются специальные классы : fa-lg (33% увеличение), fa-2x, fa-3x, fa-4x, or fa-5x классы.