Domača » Toolkit » Micon - A Windows 10 Ikona Font za spletne oblikovalce

    Micon - A Windows 10 Ikona Font za spletne oblikovalce

    The preoblikovanje za Windows 10 prišel z veliko novimi funkcijami in popolnoma nov videz. Ena največjih sprememb je prišla v slog ikone, še posebej v primerjavi z Windows 7 in XP.

    Hvala Micon set, zdaj lahko prinesite Win10-style ikone na vašo spletno stran.

    Ta paket ikon prihaja kot pisava ikone in to je brezplačno izdano preko GitHub. Glavni repo ima nastavitvene informacije, vendar Miconova domača stran vsebuje vse ikone z ustreznimi imeni razredov.

    Dejanska struktura spletnega mesta sledi podobnemu formatu kot Font Awesome. Ti lahko brskajte po vseh ikonah in kliknite katero koli od njih, da dobite več podrobnosti o novi strani.

    Na primer, vzemite to ikono za polnjenje baterije, ki uporablja obliko baterije in majhen vtič za polnjenje. Dobili boste predogled ikone v različnih velikostih, skupaj z ikona CSS, v tem primeru mi-BatteryCharging10.

    Ta zbirka ikon deluje zelo podobno kot Font Awesome, kjer lahko vdelajte ikone v HTML. Odrezek kode za to ikono baterije deluje enako:

      

    To je zelo enostavno, da bi začeli, s samo kopijo slogovne plošče Micon CSS in osnovno znanje o razvoju front-end.

    Oglejte si setup da bi izvedeli več. Res, samo moraš prenesite kopijo paketa Micon od podjetja GitHub in vključite ta slogovni slog (skupaj z ustreznimi pisavami ikon) v svojo stran. Od tam, prav navedite imena razredov kot zgoraj in dobro si.

    Ker je projekt odprtokoden, ste te ikone lahko uporabljate s katerim koli projektom, osebnim ali komercialnim. In lahko celo naredite svojo datoteko Sledite navodilom za gradnjo Micon GitHub. Tako lahko Zapakirajte samo želene ikone v datoteke pisave in zmanjšajte skupno velikost datoteke.

    Na splošno sem navdušen nad različnih ikon in preprosta nastavitev. Lahko najdeš veliko primerov na spletni strani in celo animirane ikone na strani Primeri, ki vsebuje odrezke kode.

    Te ikone so celo dobro delajte s programom Bootstrap, torej lahko združiti z okvirom BS3 / BS4 za nekaj resničnih postavitev po meri.

    Prenesite brezplačno avtorsko pravico z domače strani Micon in si oglejte, kako lahko uporabite te ikone v slogu Windows 10 v naslednjo obliko.