Homepage » Toolkit » Micon - egy Windows 10 ikon betűtípus webes tervezők számára

    Micon - egy Windows 10 ikon betűtípus webes tervezők számára

    A a Windows 10 újratervezése sok új funkcióval és egy teljesen új megjelenéssel érkezett. Az egyik legnagyobb változás az ikon stílusához vezetett, különösen a Windows 7 és XP rendszerekhez képest.

    Köszönhetően a Micon készlet, most tudsz hogy a Win10-stílusú ikonok közvetlenül a webhelyére kerüljenek.

    Ez az ikon csomag ikon betűtípusként jelenik meg és ez a GitHub-on keresztül szabadon bocsátható. A fő repo rendelkezik a beállítási információval, de a Micon honlapja az összes ikon a kijelzőn a megfelelő osztálynevekkel.

    A tényleges webhelyszerkezet a Font Awesome hasonló formátumát követi. tudsz böngészhet az összes ikonon és kattintson bármelyikre, hogy további részleteket kapjon egy új oldalon.

    Vegyük például ezt az akkumulátortöltő ikont, amely akkumulátorral és kis töltőcsatlakozóval rendelkezik. Kapsz egy a különböző méretű ikonokat, együtt CSS ikonosztálya, ebben az esetben mi-BatteryCharging10.

    Ez az ikonkészlet nagyon hasonlít a Font Awesome-hez, ahol lehet beágyazza az ikonokat a HTML-be. Az akkumulátor ikonjának kódrészlete ugyanúgy működik:

      

    Ez szuper könnyű kezdeni, csak a Micon CSS stíluslap másolatát és néhány alapvető tudás a front-end fejlesztésről.

    Nézd meg a beállítási oldal többet tanulni. Tényleg, csak meg kell töltse le a Micon csomag egy példányát a GitHub-tól és a stíluslapot (a megfelelő ikon betűkészletekkel együtt) az oldaladba. Innen csak hivatkozzon az osztálynevekre mint fent, és jó menni.

    Mivel ez a projekt nyílt forráskódú, te vagy szabadon használhatja ezeket az ikonokat bármilyen projekt, személyes vagy kereskedelmi céllal. És még készítsen saját fájlt a Micon GitHub-tól származó építési utasítások követésével. Így lehet csak a kívánt ikonokat csomagolja a betűtípusfájlokba, és csökkentse a teljes fájlméretet.

    Összességében igazán lenyűgözött a különböző ikonok és a könnyű beállítás. Találhatod rengeteg példa a honlapon és akár animált ikonok a példák oldalon, amely kódrészleteket tartalmaz.

    Ezek az ikonok még jól működik a Bootstrap segítségével, Szóval te meg tudod kombinálja a BS3 / BS4 keretrendszerrel néhány igazi egyedi elrendezéshez.

    Töltsön le egy ingyenes szerzői jogot a Micon honlapjáról, és nézze meg, hogyan működhet ezek a Windows 10-es ikonok a következő tervezési formában.