Micon - Ikona písma Windows 10 pre návrhárov webových stránok

redesign pre Windows 10 prišiel s mnohými novými funkciami a úplne novým vzhľadom. Jedna z najväčších zmien prišla do štýlu ikon, najmä v porovnaní so systémami Windows 7 a XP.

Vďaka Súprava Micon, môžete teraz priniesť ikony v štýle Win10 priamo na vaše webové stránky.

Táto sada ikon prichádza ako ikona písma a jeho prepustený zadarmo cez GitHub. Hlavná repo má informácie o nastavení, ale domovskú stránku spoločnosti Micon obsahuje všetky ikony na displeji s príslušnými názvami tried.

Skutočná štruktúra webových stránok nasleduje podobný formát ako Font Awesome. Môžeš prezerajte všetky ikony a kliknutím na ktorúkoľvek z nich získate ďalšie podrobnosti o novej stránke.

Napríklad, vezmite túto ikonu nabíjania batérie, ktorá používa dizajn batérie a malú nabíjaciu zástrčku. Dostanete a náhľad ikony v rôznych veľkostiach, spolu s jeho triedu ikon CSS, v tomto prípade mi-BatteryCharging10.

Táto sada ikon funguje podobne ako font Awesome, kde môžete vložte ikony priamo do kódu HTML. Útržok kódu pre túto ikonu batérie funguje rovnako:

Je veľmi jednoduché začať s práve kópia šablóny štýlov Micon CSS a niektoré základné vedomosti o vývoji front-end.

Pozrite sa na stránku stránku nastavenia naučiť sa viac. Naozaj to stačí stiahnuť kópiu balíka Micon od spoločnosti GitHub a zahrňte do svojej stránky tento štýl (spolu s správnymi písmenami ikon). Odtiaľ, len odkaz na názvy tried rovnako ako vyššie a máte dobré ísť.

Keďže tento projekt je open-source, vy ste bezplatne používať tieto ikony s akýmkoľvek projektom, osobným alebo komerčným. A môžete dokonca vytvorte si vlastný súbor podľa pokynov na zostavenie od spoločnosti Micon GitHub. Týmto spôsobom môžete balenie len ikony, ktoré chcete do súborov písiem a zníženie celkovej veľkosti súboru.

Celkovo som naozaj ohromený rôzne ikony a jednoduché nastavenie. Môžeš nájsť veľa príkladov na internetovej stránke a dokonca aj animované ikony na stránke Príklady, ktorá obsahuje útržky kódu.

Tieto ikony dokonca pracovať dobre s Bootstrap, Takže môžeš skombinujte ho s rámcom BS3 / BS4 pre niektoré skutočné vlastné rozloženia.

Stiahnite si bezplatné autorské práva z domovskej stránky spoločnosti Micon a uvidíte, ako môžete pracovať s týmito ikonami v štýle Windows 10 v ďalšom dizajne.