Всім привіт! Сьогодні я розповім, як працювати з іконочние шрифтами Font Awesome. Написання даного поста спонукало мене на, то що я став бачити багато макетів де дизайнери використовують картинки замість іконочние шрифту! Так робити не потрібно! І не потрібно забувати, що після створення макета його ще потрібно буде, кому то верстати.

І так перед тим як почати використовувати Font Awesome його спочатку потрібно завантажити і встановити в систему. Установку буду робити на системі Windows думаю, що для системи MacOS процедура буде схожою.

Завантаження і установка. Для того щоб завантажити цей шрифт переходимо по посиланню - http://fontawesome.io натискаємо кнопку Download і натискаємо на No thanks, just download Font Awesome 4. Чи зберігаєте архів в будь-який зручний місце на Вашому ПК. Потім разархивируем архів в будь-яке місце. У папці будуть перебувати кілька папок і файл. Нам потрібна папка з назвою fonts, а всі інші використовуються для CSS і препроцесорів - грубо кажучи, все це використовується для верстки сайту. І так продовжимо, заходимо в папку fonts і подвійним клацанням миші відкриваємо перший файл з назвою FontAwesome. У спливаючому вікні натискаємо «Встановити» у верхній частині екрану і чекаємо завершення установки. Все, установка Font Awesome успішно завершена!

Використання Font Awesome. Для вставки потрібної іконки переходимо сюди - http://fontawesome.io/cheatsheet/ , Вибираємо вподобану іконку, виділяємо її як звичайний текст мишкою і правою кнопкою копіюємо. Запускаємо Photoshop і вибираємо інструмент «Горизонтальний текст», вставляємо цю іконку. Не лякайтеся, якщо іконка відображається як квадратик. Щоб це виправити потрібно її виділити і в назві шрифту почніть забивати назву FontAwesome і іконка стане схожою на іконку. Тепер Ви зможете її растеризувати або використовувати як смарт-об'єкт, трансформувати, накладати колір і т.д.

Важливо. Після установки даний шрифт буде доступний в будь-яких інших програмах, де використовуються шрифти. Наприклад, той же Word.

Дякую всім за те, що до читали до кінця, і я сподіваюся, що дана публікація була Вам корисна.
З повагою, Максим.