Иконки для сайта
Fontello.com это великолепный сервис по кастомизации иконок для вашего сайта, более того совершенно бесплатный!
С помощью fontello можно как подключить новую библиотеку иконок, так и расширить имеющуюся у вас на сайте.
Все содержание архива копируем на сайт и подключаем просто новый шрифт (если нужно, меняем @fontface).
Пример использования иконок fontello вы можете увидеть на нашем сайте.
Почему иконки а не картинки?
Потому что не нужно создавать кучу разных размеров! Иконки по сути это шрифт т.е. автоматически масштабируется, а значит может быть любого размера и всегда будет нарядно выглядеть! Это же просто сказка!С помощью fontello можно как подключить новую библиотеку иконок, так и расширить имеющуюся у вас на сайте.
1. Подключаем новую библиотеку иконок.
Переходим на fontello.com Набираем иконки, можно отредактировать префикс. Затем жмем загрузить и получаем архив.Все содержание архива копируем на сайт и подключаем просто новый шрифт (если нужно, меняем @fontface).
2. Добавляем новые иконки.
Если у вас уже имеются подключенные иконки fontello, то заливаем на сайт файлик .svg (иконка гаечного ключа-import)после чего видим все ваши иконки на сайте. Затем набираем новых одним кликом и загружаем обновленную библиотеку.Пример использования иконок fontello вы можете увидеть на нашем сайте.
2 комментария
1. специальный шрифт, типа описанного в статье или FontAwesome (применяется только для монохромных иконок, легко масштабируется);
2. мозаика из иконок: дизайнер рисует все иконки в одном изображении, размещая их наиболее компактно; а чтобы показать одну иконку из всего набора, используются свойства CSS.