في هذا المقال سنتعلم كيف نحصل علي الايكونه المطلوبه للتصميم من مكتبة ( FONT AWESOME ) الشهيره والمجانيه
اولا :يتم تنزيل المكتبه بطريقتين هما:-
---------------------------------------------
الطريقه الاولي : استحدام المكتبه اون لاين بدون تنزيل
- يتم نسخ كود الربط ( Kit's Code ) التالي
- يتم لصق الكود في جزء ال ( Header ) بملف التصميم ( Html file ) ثم نبدء في الاستحدام
- يتطلب هذه الطريقه الاتصال بالانترنت اثناء عرض المشروع
نسخ الكود التالي
الطريقه الثانيه : تنزيل المكتبه
- من الموقع التالي بتم تنزيل المكتبه .. اضغط هنا
- يتم فك ملف الضغط للمكتبه
- يتم اخذ نسخه من مجلد ( webfonts ) من المكتبه ولصقه في مجلد المشروع
- يتم اخذ نسخه من ملف ( all.min.css ) الموجود بمجلد ( Css ) بالمكتبه ولصقه بالمشروع
- يتم ربط الملف الاخير بملف التصميم في ال ( Header ) بالكود التالي
---------------------------------------------
ثانيا :طريقة الاستخدام
- بعد التنزيل وربط المكتبه بالتصميم يتم الاتي
- من موقع ( font awesome ) المكتبه نبحث عن الايكونه المراد اضافتها للموقع
- نضغط علي الايكونه بعد عملية البحث
- ننسخ الكود الخاص بالايكونه والمكون من ( i tag ) + ال ( class ) الخاص بالايكونه
- نلصق الكود في المكان المراد في التصميم
- يتم تغيير الخصائص مثل ( fontsize - color - ... ) عن طريق ال ( Css )
*************************************************
وفي النهايه نسئلكم الدعاء وفي انتظار تعلقاتكم
تعليقات
إرسال تعليق