عالم التصميم والبرمجة عالم التصميم والبرمجة
random

آخر الأخبار

random
جاري التحميل ...

كيف تستخدم أيقونات Font Awsome في موقعك

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

أيقونات Font Awsome مكتبة رائعة جدا يمكننا إضافتها إلى عملنا ، فهي تسهل علينا عمل أيقونات بدون الحاجة إلى استدعاء صور ، فهي عبارة فقط عن خطوط fonts لا غير وهذا يساهم في سرعة تحميل الصفحة فالصور كما هو معلوم تبطئ التحميل .

بدأ استخدام المكتبة يحتاج فقط إلى تحميل مجلد Font Awsome من الموقع :




وبعد ذلك نأخذ منه مجلدين ، مجلد css ومجلد fonts ، ونضمن مسار الملفات في ملف html لدينا وبعد ذلك نستدعي الأيقونات ونتحكم في شكلها وحجمها فقط باستخدام كلاسات ، واللون نتحكم فيه بشكل عادي جدا كما تعودنا مع الخطوط.

لقد شرحت في كتاب pdf أهم ما تحتاج إلى معرفته لاستخدام مكتبة Font Awsome بدءا من تحميل المكتبة مرورا بتضمين مسار الملفات إلى استخدام الكلاسات والتحكم في الأيقونات.
يمكنك تحميل الكتاب مع ملفات الدرس من هنا:


هذا موقع يمكنك من خلاله الحصول على أكواد ألوان بعض المواقع الإجتماعية :


شاهد الفيديو التالي للمزيد من التوضيح :



وفي انتظار دروس جديدة دمتم في رعاية الله وحفظه

عن الكاتب

Abdellah Yassine

التعليقات






اتصل بنا

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

جميع الحقوق محفوظة

عالم التصميم والبرمجة