JS Animated. Как редактировать шрифтовые иконки Font Awesome

Данный туториал покажет, как редактировать шрифтовые иконки Font Awesome в шаблонах JS Animated. JS Animated. Как редактировать шрифтовые иконки Font Awesome

1. Проинспектируйте иконки при помощи аддона Firebug. Информацию о том, как его использовать, можно найти по ссылке аддон Firebug. Таким образом определяется класс иконки. Мы также выделили названия файла со стилями и его содержание. Структура шаблона показывает, что в нем используются шрифтовые иконки Font Awesome.
2. Чтобы изменить шрифт (иконку), нужно открыть соответствующий файл .html. Название файла видно в строке браузера. В данном случае — это index.html. При помощи поиска в редакторе найдите нужный класc.
3. Перейдите по следующей ссылке: The complete Font Awesome 3.2.1 icon reference (Полный список шрифтовых иконок Font Awesome 3.2.1). Здесь находится список всех иконок и их классов. Нужно скопировать название класса необходимой иконки.
4. Замените исходный класс тем, который мы скопировали. Сохраните изменения.
5. Мы изменили иконку. Обновите свой сайт, чтобы увидеть изменения. Тоже самое можно сделать и с остальными иконками.