الصفحة الرئيسية » أدوات » Micon - ويندوز 10 أيقونة الخط لمصممي الويب

    Micon - ويندوز 10 أيقونة الخط لمصممي الويب

    ال إعادة تصميم ويندوز 10 جاء مع العديد من الميزات الجديدة ونظرة جديدة كاملة. واحدة من أكبر التغييرات جاءت على نمط الرمز, خاصة بالمقارنة مع ويندوز 7 و XP.

    شكرا ل تعيين Micon, تستطيع الآن جلب الرموز على غرار Win10 الحق في موقع الويب الخاص بك.

    هذه حزمة رمز يأتي كخط رمز وانها صدر مجانا عبر جيثب. الريبو الرئيسي لديه معلومات الإعداد, لكن الصفحة الرئيسية لميكون يضم جميع الرموز على الشاشة مع أسماء الفصول المناسبة.

    هيكل الموقع الفعلي يتبع تنسيق مماثل لـ Font Awesome. يمكنك تصفح من خلال جميع الرموز وانقر فوق أي منها للحصول على مزيد من التفاصيل على صفحة جديدة.

    على سبيل المثال ، خذ رمز شحن البطارية هذا الذي يستخدم تصميم البطارية وقابس شحن صغير. سوف تحصل على معاينة الرمز بأحجام مختلفة, مع فئة رمز CSS الخاص بها, في هذه الحالة مي BatteryCharging10.

    تعمل مجموعة الرموز هذه أيضًا مثل Font Awesome ، حيث يمكنك ذلك تضمين الرموز مباشرة في HTML الخاص بك. يعمل مقتطف الشفرة الخاص بأيقونة البطارية هذه كما يلي:

      

    من السهل جدًا البدء ، فقط نسخة من ورقة أنماط Micon CSS و بعض المعرفة الأساسية للتنمية الأمامية.

    تفحص ال صفحة الإعداد لتعلم المزيد. حقا ، تحتاج فقط إلى قم بتنزيل نسخة من حزمة Micon من GitHub وقم بتضمين ورقة الأنماط (جنبًا إلى جنب مع خطوط الرموز الصحيحة) في صفحتك. من هناك ، فقط الرجوع إلى أسماء الفصول مثل أعلاه وأنت على ما يرام.

    لأن هذا المشروع مفتوح المصدر ، أنت كذلك حر في استخدام هذه الرموز مع أي مشروع ، شخصي أو تجاري. ويمكنك حتى اصنع ملفك الخاص من خلال اتباع تعليمات البناء من Micon GitHub. بهذه الطريقة يمكنك حزمة فقط الرموز التي تريدها في ملفات الخطوط وتقليل إجمالي حجم الملف.

    عموما ، أنا معجب حقا مع مجموعة متنوعة من الرموز و ال خطوه سهله. يمكنك إيجاد الكثير من الأمثلة على الموقع و حتى الرموز المتحركة في صفحة الأمثلة التي تتضمن مقتطفات من الشفرات.

    هذه الرموز حتى تعمل بشكل جيد مع Bootstrap, لذلك يمكنك ذلك ادمجها مع إطار عمل BS3 / BS4 لبعض تخطيطات مخصصة حقيقية.

    قم بتنزيل حقوق نشر مجانية من صفحة Micon الرئيسية وانظر كيف يمكنك عمل رموز نمط Windows 10 هذه في التصميم التالي.