„Micon“ - „Windows 10“ piktogramos šriftas žiniatinklio dizaineriams

The pertvarkyti „Windows 10“ atėjo daug naujų funkcijų ir visiškai nauja išvaizda. Vienas iš didžiausių pokyčių atsirado prie piktogramos stiliaus, ypač palyginti su „Windows 7“ ir „XP“.

Ačiū „Micon“ rinkinys, dabar galite atnešti Win10 stiliaus piktogramas tiesiai į savo svetainę.

Ši piktograma pakuotėje ateina kaip piktogramos šriftas ir tai išleistas nemokamai per „GitHub“. Pagrindinis repo turi sąrankos informaciją, bet „Micon“ pagrindinį puslapį yra visos piktogramos rodomi atitinkami klasės pavadinimai.

Faktinė svetainės struktūra panašus į „Font Awesome“ formatą. Tu gali naršykite visas piktogramas ir spustelėkite bet kurį iš jų, jei norite gauti daugiau informacijos naujame puslapyje.

Pavyzdžiui, paimkite šią baterijos įkrovimo piktogramą, kurioje naudojama baterija ir mažas įkrovimo kištukas. Jūs gausite įvairaus dydžio piktogramos peržiūra, kartu su jos CSS piktogramų klasė, tokiu atveju mi-BatteryCharging10.

Šis piktogramų rinkinys taip pat veikia kaip ir „Font Awesome“, kur galite įdėkite piktogramas tiesiai į HTML. Šio baterijos piktogramos fragmentas veikia taip pat:

Tai labai lengva pradėti, tiesiog Micon CSS stiliaus lentelės kopija ir kai kurios pagrindinės žinios apie „front-end“ plėtrą.

Patikrinkite nustatymo puslapis sužinoti daugiau. Tikrai jums tereikia atsisiųskite „Micon“ paketo kopiją iš „GitHub“ ir įtraukite tą stilių lentelę (kartu su tinkamais piktogramų šriftais) į savo puslapį. Iš ten, tiesiog nurodykite klasės pavadinimus kaip aukščiau, ir jūs gerai einate.

Kadangi šis projektas yra atviro kodo, jūs esate laisvai naudoti šias piktogramas su bet kuriuo projektu, asmeniniu ar komerciniu. Ir netgi galite sukurti savo failą vadovaudamiesi „Micon GitHub“ pastatymo instrukcijomis. Taip galite pakuokite tik norimas piktogramas į šriftų failus ir sumažinkite bendrą failo dydį.

Apskritai aš tikrai sužavėjau piktogramų įvairovė ir lengva nustatyti. Tu gali rasti daug pavyzdžių svetainėje ir net animuotos piktogramos pavyzdžių puslapyje, kuriame yra kodo fragmentai.

Šios piktogramos netgi gerai dirbti su „Bootstrap“, taip galite sujungti su BS3 / BS4 sistema kai kurių realių priskirtų išdėstymų.

Atsisiųskite nemokamą autorių teises iš „Micon“ pagrindinio puslapio ir pažiūrėkite, kaip galite dirbti su „Windows 10“ piktogramomis į kitą dizainą.