Weloveiconfonts - иконки из шрифтов на чистом CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
@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; } |
|
1 2 3 4 5 |
<div class="fontawesome-eye-close"></div> <div class="brandico-skype"></div> <div class="entypo-database"></div> <div class="fontawesome-align-justify"></div> <div class="iconicfill-mail"></div> |
P.S. В прикреплённом архиве все файлы, используемые в данном материале. Выкладываю на случай, если Weloveiconfonts перестанет работатьАвтор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
Вообще шикарная вещь! Сам постоянно использую только эти иконки-шрифты! 10 из 10
Постоянно пользовался fontawesome. Надо будет попробовать эту штуку... Демо в редакторе, почему-то, отображает лишь 5 прямоугольников(без иконок)(лиса)
Демо тоже чинить нужно 🤦♂️