Главная » Файлы » Прочие скрипты » CSS |
WE LOVE ICON FONTS - уникальный сервис для подключения наборов иконок на чистом CSS на ваш сайт
[ Скачать с сервера (12.1 Kb) ] | 29.09.14, 21:16:07 |
Просто шикарный, другими то словами и не скажешь, сервис, который позволяет вам в несколько строчек css кода подключить до 10 наборов иконок, генерируемых на чистом css! Данный сервис просто находка для тех, кто стремится к современным стилям дизайна и любит использовать минимум графики - 10 наборов при подключении всего одного css кода - о чём ещё можно мечтать? Вот посмотрите моё тестирование в фидле: КЛИК Ссылка на проект, откуда брать названия классов иконок: КЛИК В самый верх вашего css вставьте следующее: Код @import url(http://weloveiconfonts.com/api/?family=brandico|entypo|fontawesome|fontelico|iconicfill|iconicstroke|maki|openwebicons|typicons|zocial); /* brandico */ [class*="brandico-"]:before { font-family: 'brandico', sans-serif; } /* entypo */ [class*="entypo-"]:before { font-family: 'entypo', sans-serif; } /* fontawesome */ [class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif; } /* fontelico */ [class*="fontelico-"]:before { font-family: 'fontelico', sans-serif; } /* iconicfill */ [class*="iconicfill-"]:before { font-family: 'IconicFill', sans-serif; } /* iconicstroke */ [class*="iconicstroke-"]:before { font-family: 'IconicStroke', sans-serif; } /* maki */ [class*="maki-"]:before { font-family: 'maki', sans-serif; } /* openwebicons */ [class*="openwebicons-"]:before { font-family: 'OpenWeb Icons', sans-serif; } /* typicons */ [class*="typicons-"]:before { font-family: 'Typicons', sans-serif; } /* zocial */ [class*="zocial-"]:before { font-family: 'zocial', sans-serif; } Всё, 10 наборов подключено. Для того, чтобы вставить иконку, достаточно любому тегу придать нужный класс иконки, например: Код <div class="fontawesome-eye-close"></div> <div class="brandico-skype"></div> Класс иконки можете получить, кликнув по ней на странице проекта. Он отобразится на нижней панели сайта: Всё, пользуйтесь на здоровье! P.S. Файл стилей с того проекта, в котором содержится вся стилизация иконок, поместил в прикреплённом архиве, если сервис, ни дай бог, перестанет существовать Материал подготовлен Apocalypse | |
Просмотров: 665 | Загрузок: 232 | |
Всего комментариев: 0 | |
| |