Подключаем иконочный шрифт FontAwesome

Уважаемый гость! Для скачивания файлов с нашего портала необходимо авторизоваться:

Понравилась статья?

Поделись с друзьями!
Для начала зададимся вопросом: А что такое иконочный шрифт?
Иконочный шрифт- это как ни странно шрифт, который состоит не из символов, а из иконок. smile

Плюсы иконочных шрифтов

  • Быстрая установка

  • Удобство

  • Множество уже готовых наборов иконок с общей стилистикой

  • Иконочные шрифты одинаково четко отображаются на всех экрана устройств, даже retina

  • Настройка цвета, размера через CSS



Установка
1. Подключаем иконочный шрифт. Для этого в head копируем эту строчку:
Код

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">


2. Установка завершена smile

Как пользоваться?
Для того, чтобы поставить нужную иконку в нужное место, необходимо:
1. Выбрать иконку здесь и кликнуть на нее (для примера, рассмотрим иконку автобуса (fa-bus)
2. Открывается страница:

На скриншоте в рамки разных цветов выделена нужная нам информация (демонстрация иконки, ее класс и полный код).
3. Копируем этот самый код иконки (у иконки fa-bus код: и вставляем в нужное место.
4. Готово!
Добавил: Admin Просмотров: 1471 Категория: Статьи Комментарии
avatar
1
Вещь!
avatar
2
Интересно. Да и страницу не сильно утяжелит (в моём случае может быть весьма и весьма полезным).
avatar
0
3
Всегда пожалуйста)
avatar