У цій статті я максимально просто і доступно розповім про те, що таке шрифт з іконками Font Awesome, як його встановити і поясню кілька прикладів застосування.
Що таке шрифт Font Awesome?
Шрифт Awesome потрібен для того, щоб використовувати іконки, не завантажуючи при цьому на сайт будь-які зображення (вибірки іконок і тд). Даний шрифт (у версії 4.1) включає в себе 441 іконку, які стають доступні при застосуванні класу конкретної іконки для елемента. Але про це пізніше. Нижче Ви можете побачити малу частину прикладів іконок:
плюси шрифту
- безкоштовно
- Простий доступ через CSS
- 441 іконка (у версії 4.1)
- Працює в IE
- масштабованість
- Відмінно відображається в Новомосковсклках і i-техніці!
- Багато дизайнерів вже оцінили і використовують шрифт!
Як встановити шрифт Font Awesome (з іконками)?
2. Копіюємо розпаковані файли в Ваш проект (наприклад, де індексний файл). Уже з файлів швидше за все збігів не буде Господь із уже наявними, так як назви у них досить специфічні.
3. Підключаємо файли в head Вашого проекту. Пропоную два варіанти - якщо лежить вище за директорії і якщо в одній.
4. Використовуємо шрифт. Дивимося приклад нижче:
Приклади шрифт Font Awesome
Припустимо йде опрацювання будь-яких дій по списку: