Laman » Toolkit » Micon - Font Icon Windows 10 untuk Pereka Web

    Micon - Font Icon Windows 10 untuk Pereka Web

    The reka bentuk semula untuk Windows 10 datang dengan banyak ciri-ciri baru dan rupa baru. Salah satu perubahan terbesar datang kepada gaya ikon, terutamanya berbanding dengan Windows 7 dan XP.

    Terima kasih kepada Set Micon, anda boleh sekarang membawa ikon gaya Win10 ke dalam laman web anda.

    Pek ikon ini datang sebagai fon ikon dan ia dikeluarkan secara percuma melalui GitHub. Repo utama mempunyai maklumat persediaan, tetapi laman utama Micon ciri semua ikon dipamerkan dengan nama kelas mereka yang sesuai.

    Struktur tapak web sebenar mengikuti format yang sama dengan Font Awesome. Awak boleh semak semua ikon dan klik mana-mana daripada mereka untuk mendapatkan maklumat lanjut mengenai halaman baru.

    Sebagai contoh, ambil ikon pengisian bateri ini yang menggunakan reka bentuk bateri dan palam pengecasan kecil. Anda akan mendapat pratonton ikon di pelbagai saiz, bersama dengan kelas ikon CSSnya, dalam kes ini mi-BatteryCharging10.

    Set ikon ini juga berfungsi seperti Font Awesome, di mana anda boleh membenamkan ikon ke dalam HTML anda. Coretan kod untuk ikon bateri ini berfungsi sama:

      

    Sangat mudah untuk memulakan, dengan adil satu salinan lembaran gaya CSS Micon dan beberapa pengetahuan asas mengenai pembangunan front-end.

    Semak halaman persediaan untuk belajar lebih lagi. Benar, anda hanya perlu muat turun satu salinan pek Micon dari GitHub dan masukkan helaian gaya (bersama dengan fon ikon yang betul) ke dalam halaman anda. Dari situ, hanya merujuk nama kelas seperti di atas dan anda baik untuk pergi.

    Oleh kerana projek ini adalah sumber terbuka, anda bebas menggunakan ikon ini dengan mana-mana projek, peribadi atau komersial. Dan, anda juga boleh buat fail anda sendiri dengan mengikuti arahan membina dari Micon GitHub. Dengan cara ini anda boleh pek hanya ikon yang anda mahu ke dalam fail font dan mengurangkan saiz fail keseluruhan.

    Secara keseluruhan, saya sangat kagum dengan pelbagai ikon dan juga persediaan mudah. Awak boleh cari banyak contoh di laman web dan walaupun ikon animasi pada halaman Contoh yang tidak termasuk coretan kod.

    Ikon-ikon ini juga berfungsi dengan baik dengan Bootstrap, jadi anda boleh menggabungkannya dengan kerangka BS3 / BS4 untuk beberapa susun atur adat yang sebenar.

    Muat turun hak cipta percuma dari laman utama Micon dan lihat bagaimana anda boleh mengendalikan ikon Windows 10 gaya ini ke dalam reka bentuk seterusnya anda.