Иконки для сайта

Fontello.com это великолепный сервис по кастомизации иконок для вашего сайта, более того совершенно бесплатный!

Почему иконки а не картинки?

Потому что не нужно создавать кучу разных размеров! Иконки по сути это шрифт т.е. автоматически масштабируется, а значит может быть любого размера и всегда будет нарядно выглядеть! Это же просто сказка!

С помощью fontello можно как подключить новую библиотеку иконок, так и расширить имеющуюся у вас на сайте.

1. Подключаем новую библиотеку иконок.

Переходим на fontello.com Набираем иконки, можно отредактировать префикс. Затем жмем загрузить и получаем архив.

Все содержание архива копируем на сайт и подключаем просто новый шрифт (если нужно, меняем @fontface).

2. Добавляем новые иконки.

Если у вас уже имеются подключенные иконки fontello, то заливаем на сайт файлик .svg (иконка гаечного ключа-import)после чего видим все ваши иконки на сайте. Затем набираем новых одним кликом и загружаем обновленную библиотеку.

Пример использования иконок fontello вы можете увидеть на нашем сайте.

2 комментария

sauron
На современных сайтах используются 2 основных способа визуализации иконок:
1. специальный шрифт, типа описанного в статье или FontAwesome (применяется только для монохромных иконок, легко масштабируется);
2. мозаика из иконок: дизайнер рисует все иконки в одном изображении, размещая их наиболее компактно; а чтобы показать одну иконку из всего набора, используются свойства CSS.
room402
Спасибо за отличное дополнение!
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.