Micon Download - Micon Source Code Download

Micon

تحميل الخط

v3.0.168

تنزيل

ميكون

Micon (MDL2 Icons) ، مجموعة أدوات Font 10 Iconic Windows 10 و CSS.
تم تنفيذ هذا الرمز مثل SEGMDL2.TTF في Windows 10 وتحويل أيضًا مجموعة أدوات CSS استنادًا إلى Font Awesome . أيقونات Micon التي يمكن تخصيصها على الفور - الحجم واللون والظل إسقاط وأي شيء يمكن القيام به مع قوة CSS.

التوضيح والوثائق عبر الإنترنت: http://xtoolkit.github.io/micon/ (لأنني مشغول للغاية ، لم يتم تحديث المستندات عبر الإنترنت من أجل Bower and Building)

sry لغتي الإنجليزية السيئة

تثبيت

الخيار السريع: استخدم CDN

يمكنك استخدام CDN. تستضيفها Github Page وتغطيتها بواسطة CloudFlare مثال:

 < head >
...
< link rel =" stylesheet " href =" http://cdn.arshen.ir/micon/3.0.168/dist/micon/css/micon.min.css " >
...
</ head >

الخيار الأول: التثبيت مع bower

للتثبيت عبر Bower ، ما يلي ببساطة:

 $ bower install micon --save

الخيار الثاني: قم بتنزيل repo أو الخط المبني

قم بتنزيل إصدار إصدار Micon الأخير من Github

ابدأ

1- انسخ الدليل micon-repo/dist/micon/ دليلك بالكامل في مشروعك. إذا لم تستخدم أيقونة WebBrand في FONT ، فاستخدم micon-repo/dist/micon_nb/

2- في <head> من HTML الخاص بك ، الرجوع إلى الموقع إلى micon.min.css .
مثال:

 < head >
...
< link rel =" stylesheet " href =" micon-repo/dist/micon/css/micon.min.css " >
...
</ head >

استخدم الرموز في HTML

مثال:

< i class = " mi mi-Home " ></ i >
OR
< i class = " mi " > &#xEC15; </ i >

بناء التعليمات (لجعل الخط المخصص)

يأتي هذا الريبو بالفعل مع جميع الملفات المصممة وجاهزة للذهاب ، ولكن يمكنها أيضًا بناء الخطوط من المصدر. يتطلب nodejs .

اتبع الخطوات هذه لبناء خط مخصص:

1- يتطلب التثبيت تبعيات ( Gulp ، Gulp-Consolidate ، Gulp-Iconfont ، Gulp-Trime ، Matache ) مع أمر Down.

 $ npm install

2- تخصيص الرموز الخاصة بك من /icons/ .
إذا أضف أيقونة جديدة ، أدخل اسم أيقونة في db.json .
مثال:

{
    ...,
    "svgfilename" : {
        "info" : {
            "created" : " 1.0.155 " //font-version
        },
        "alias" : [
            " aliasname1 " ,
            " aliasname2 "
        ]
    }
}

3- تخصيص config.json لخطك.

4- تخصيص SCSS ، أقل و CSS قالب في .templates/ . (الافتراضي استخدم قالب الخط المبهج الذي حرره ميكون)

5- بناء خطك مع الأمر لأسفل

 $ npm start

6- نهاية ، يمكنك رؤية تجريبي خطك في /dist/your_fontname/html-demo-your_fontname.html demo-your_fontname.html

تعليمات إنشاء الصفحة (لجعل صفحة الخطوط المخصصة الخاصة بك)

يمكنك إنشاء صفحة الخطوط المخصصة الخاصة بك (مثل صفحة Micon Github) مع هذه التعليمات

الإصدار

سيتم الحفاظ على Micon بموجب إرشادات الإصدار الدلالي قدر الإمكان. سيتم ترقيم الإصدارات بالتنسيق التالي:

<major>.<minor>.<fpatch>

وبنيت مع الإرشادات التالية:

Major -> كسر التوافق الخلفي يطالب الرائد
قاصر -> إصلاحات الأخطاء ، إضافات جديدة
FPatch -> إصدار SEGMDL2.TTF

لمزيد من المعلومات حول Semver ، يرجى زيارة http://semver.org.

الإصدار التالي

نحن نفكر في دعم React و Vuejs

تغيير سجلات

الإصدار 3.0.168 (14/01/2019)

تحديث إصدار الرموز MDL2 => 168 (أكتوبر 2018)
- 350 أيقونة جديدة (35 أيقونة بلا عنوان)
- تزداد رموز SVG
تحديث أيقونات Webbrand (268 أيقونة جديدة)
إزالة الكلاسيكية إنشاء خط css
استخدم برنامج التحويل البرمجي SCSS لإنشاء CSS Font
إزالة sourcemap افتراضيا
تغيير Lodash مع الشارب
تحديث SCSS وقالب أقل إلى خط الواحد 5.6.3
إعادة تسمية fontname. (SCSS | أقل) ملف إلى النمط. (SCSS | أقل)
انقل Font Config من gulpfile.js إلى ملف config.json في الجذر
أيقونات اسم ملف DB انتقل إلى دليل حزمة الرموز (DB.JSON)
إعادة كتابة gulpfile.js