CMS HTML joomla Photoshop wordpress дизайн заработок продвижение реклама сайты соцсети фото шаблоны шрифты
0
0
Закрыть меню
CMS Шаблоны Дизайн Продвижение Программы Заработок Соцсети Разное

Иконки и шрифты от Flaticon для сайта: как скачать и установить?

Опубликовано: 10-05-2020, 12:44
Иконки и шрифты от Flaticon для сайта: как скачать и установить?

Flaticon – один из самых крупных сервисов по подбору иконок онлайн. В базе сервиса имеется самое большое количество иконок на любые тематики, которые можно скачать бесплатно в множестве разных форматов.

Этот сервис позволяет не только скачивать единичные изображения в форматах:

  • PNG;
  • SVG;
  • EPS;
  • PSD.

Но и объединять несколько файлов в группы (коллекции) и скачивать их в виде иконочного шрифта для сайта. Использовать иконки именно шрифтом, а не изображением, гораздо удобнее. Иконки, встроенные шрифтом, гораздо легче вписываются в дизайн, а также масштабируются без потери качества на любом устройстве.

Как скачать шрифт от Flaticon для сайта?

1) Перейдите на сайт и составьте свой набор иконок, которые вы будете использовать на своем сайте. Это легко сделать при помощи строки поиска, просто введите тематику необходимых в поиск.


 

2) Далее выберите вашу коллекцию иконок, нажмите на кнопку "Download collection", выбирете формат Icon font и загрузите архив с вашим готовым шрифтом. Колличество бесплатных скачиваний на одного неавторизованного пользователя ограниченно, поэтому авторизуйтесь на сайте, для большего удобства работы с сервисом, сделать это можно при помощи электронной почты и социальных сервисов.


 

Как установит шрифт от Flaticon на сайт?

После того, как вы успешно скачали архив c шрифтом от Flaticon icons, необходимо создать папку на сервере, в которую необходимо будет распаковать ZIP архив, который вы получили. Для этого подключитесь к вашему сайту по FTP или через файловую консоль вашего хостинга. После того, как вы распакуете архив, в header вашего сайта (там где подключаются стили, meta-теги и прочее), подключаем наш шрифт с иконками. Для этого добавляем строку:

<link rel="stylesheet" href="вашсайт.ru/папка_со_шрифтом/flaticon.css" type="text/css" />


В нужное место добавляем:

<i class="имя_иконки"></i>

Имена иконок находятся в файле flaticon.css

Комментарии к новости
Добавить комментарий
Добавить свой комментарий:
Ваше Имя:
Ваш E-Mail:
Это код:
Кликните на изображение чтобы обновить код, если он неразборчив
Введите сюда:
Наверх