Mājas lapa » Toolkit » Micon - Windows 10 ikonas fonts tīmekļa dizaineriem

    Micon - Windows 10 ikonas fonts tīmekļa dizaineriem

    The pārveidot sistēmu Windows 10 nāca ar daudzām jaunām funkcijām un pilnīgi jaunu izskatu. Viena no lielākajām izmaiņām bija ikonu stilā, īpaši salīdzinājumā ar Windows 7 un XP.

    Pateicoties Micon komplekts, jūs varat tagad ienesiet Win10 stila ikonas tieši savā tīmekļa vietnē.

    Šī ikona ir iepakota nāk kā ikonas fonts un tas ir tiek izlaists bez maksas, izmantojot GitHub. Galvenais repo ir iestatīšanas informācija, bet Micon mājas lapā ir visas ikonas displejā ar atbilstošiem klases nosaukumiem.

    Faktiskā tīmekļa vietnes struktūra seko līdzīgs formāts fontam Awesome. Jūs varat pārlūkojiet visas ikonas un noklikšķiniet uz jebkuras no tām, lai iegūtu plašāku informāciju jaunā lapā.

    Piemēram, izmantojiet šo akumulatora uzlādes ikonu, kas izmanto akumulatora konstrukciju un nelielu uzlādes kontaktdakšu. Jūs saņemsiet ikonas priekšskatījums dažādos izmēros, kopā ar tās CSS ikonas klase, šajā gadījumā mi-BatteryCharging10.

    Šī ikonu kopa darbojas tāpat kā Font Awesome, kur jūs varat ieguliet ikonas tieši savā HTML. Šā akumulatora ikonas koda fragments darbojas tāpat:

      

    Tas ir ļoti vienkārši, lai sāktu darbu, vienkārši Micon CSS stila lapas kopiju un dažas pamatzināšanas par front-end attīstību.

    Pārbaudiet iestatīšanas lapa lai uzzinātu vairāk. Tiešām, jums vienkārši vajag lejupielādējiet Micon paketes kopiju no GitHub un iekļaujiet šo lapu (kopā ar atbilstošiem ikonas fontiem) savā lapā. No turienes norādiet klases nosaukumus tāpat kā iepriekš, un jums ir labi iet.

    Tā kā šis projekts ir atvērtā koda, jūs esat brīvi izmantot šīs ikonas ar jebkuru projektu, personisku vai komerciālu. Un jūs pat varat izveidojiet savu failu sekojot Micon GitHub izstrādātajiem norādījumiem. Tādā veidā jūs varat iepakojiet tikai vēlamās ikonas fontu failos un samaziniet kopējo faila lielumu.

    Kopumā es esmu patiešām pārsteigts par dažādas ikonas un viegli uzstādīt. Tu vari atrast daudz piemēru tīmekļa vietnē un pat animētas ikonas lapā Piemēri, kas ietver koda fragmentus.

    Šīs ikonas pat labi darbojas ar Bootstrap, tad tu vari apvienot to ar BS3 / BS4 sistēmu dažiem reāliem pielāgotiem izkārtojumiem.

    Lejupielādējiet bezmaksas autortiesības no Micon mājaslapas un skatiet, kā jūs varat strādāt šīs Windows 10 stila ikonas savā nākamajā dizainā.