Сегодня собираюсь вас познакомить с шрифтовыми иконками Simple Line Icons. В архиве 162 иконки, как классических, так и оригинальных. Для создания нужного вам интерфейса на сайте, этих иконок вам будет предостаточно.
Для установки иконок на сайт нужно:
- Скачать архив и расспаковать его
- Залить необходимые файлы на сайт
- Подключаем стили и шрифты
А теперь подробнее:
После того как скачали архив и распаковали у себя на пк, вам нужно залить на сервер где находиться ваш сайт необходимые файлы, а именно:
Теперь нам нужно подключить иконки, что-бы они заработали. Далее нам нужно в блок <head> (где подключаются у вас все css и js файлы) вставить код подключения css файла:
<link rel="stylesheet" href="css/simple-line-icons.css">
Остаеться только вставить иконки на страницу, делаеться это следующим образом:
<span class="имя иконки"></span>
Где имя иконки вставляем реальное название иконки, кстати посмотреть и выбрать имя нужной иконки вы можете в шпаргалке которая находиться в архиве index.html.
Не забывайте, что это шрифт и с иконкой нужно работать как с шрифтом, выставлять font-size,font-weight, line-height и тому подобное.