Главная » Файлы » Прочие скрипты » 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

Категория: CSS | Добавил: Apocalypse | Теги: сервис, icon, наборов, we, Иконок, уникальный, Fonts, подключения, Love, для
Просмотров: 556 | Загрузок: 171 | Рейтинг: 1.0/3
Всего комментариев: 0
Имя *:
Email: