Micon - แบบอักษรไอคอน Windows 10 สำหรับนักออกแบบเว็บไซต์

ออกแบบใหม่สำหรับ Windows 10 มาพร้อมกับคุณสมบัติใหม่มากมายและรูปลักษณ์ใหม่ทั้งหมด. หนึ่งในการเปลี่ยนแปลงที่ยิ่งใหญ่ที่สุดเกิดขึ้นกับสไตล์ไอคอน, โดยเฉพาะอย่างยิ่งเมื่อเทียบกับ Windows 7 และ XP.

ขอบคุณที่ ชุดไมครอน, ตอนนี้คุณสามารถ นำไอคอนสไตล์ Win10 มาไว้ในเว็บไซต์ของคุณ.

ชุดไอคอนนี้ มาเป็นแบบอักษรไอคอน และมัน ปล่อยให้ฟรีผ่าน GitHub. repo หลัก มีข้อมูลการตั้งค่า, แต่หน้าแรกของ Micon มีไอคอนทั้งหมด บนจอแสดงผลพร้อมชื่อชั้นเรียนที่เหมาะสม.

โครงสร้างเว็บไซต์จริง ทำตามรูปแบบที่คล้ายคลึงกับ Font Awesome. คุณสามารถ เรียกดูไอคอนทั้งหมด และคลิกที่รายการใดก็ได้เพื่อรับรายละเอียดเพิ่มเติมในหน้าใหม่.

ตัวอย่างเช่นใช้ไอคอนการชาร์จแบตเตอรี่ซึ่งใช้การออกแบบแบตเตอรี่และปลั๊กสำหรับชาร์จขนาดเล็ก คุณจะได้รับ ภาพตัวอย่างของไอคอนในขนาดต่างๆ, พร้อมด้วย คลาสไอคอนของ CSS, ในกรณีนี้ ไมล์ BatteryCharging10.

ชุดไอคอนนี้ทำงานเหมือน Font Awesome ซึ่งคุณสามารถทำได้ ฝังไอคอนลงใน HTML ของคุณโดยตรง. ข้อมูลโค้ดสำหรับไอคอนแบตเตอรี่นี้ใช้งานได้เหมือนกัน:

มันง่ายมากที่จะเริ่มต้นด้วยเพียงแค่ สำเนาของสไตล์ชีตของ Micon CSS และ ความรู้พื้นฐานของการพัฒนาส่วนหน้า.

ตรวจสอบ หน้าการตั้งค่า เพื่อเรียนรู้เพิ่มเติม จริงๆคุณเพียงแค่ต้อง ดาวน์โหลดสำเนาชุด Micon จาก GitHub และรวมสไตล์ชีทนั้น (พร้อมกับแบบอักษรไอคอนที่เหมาะสม) ไว้ในหน้าของคุณ จากตรงนั้น อ้างอิงชื่อคลาส เหมือนข้างบนและคุณก็พร้อมที่จะไป.

เนื่องจากโครงการนี้เป็นโอเพ่นซอร์สคุณ ฟรีที่จะใช้ไอคอนเหล่านี้กับโครงการส่วนบุคคลหรือเชิงพาณิชย์. และคุณยังสามารถ ทำไฟล์ของคุณเอง โดยทำตามคำแนะนำในการสร้างจาก Micon GitHub วิธีนี้คุณสามารถ แพ็คเพียงไอคอนที่คุณต้องการ ลงในไฟล์ฟอนต์และลดขนาดไฟล์ทั้งหมด.

โดยรวมแล้วฉันประทับใจจริงๆกับ ความหลากหลายของไอคอน และ ติดตั้งง่าย. คุณสามารถหา ตัวอย่างมากมาย บนเว็บไซต์และ ไอคอนเคลื่อนไหวได้ ในหน้าตัวอย่างซึ่งมีตัวอย่างโค้ด.

ไอคอนเหล่านี้ยัง ทำงานได้ดีกับ Bootstrap, คุณสามารถ รวมกับกรอบ BS3 / BS4 สำหรับรูปแบบที่กำหนดเองจริงบางอย่าง.

ดาวน์โหลดลิขสิทธิ์ฟรีจากหน้าแรกของ Micon และดูว่าคุณสามารถใช้ไอคอนสไตล์ Windows 10 เหล่านี้ในการออกแบบครั้งต่อไปของคุณได้อย่างไร.