اليوم بإذن الله تعالى نقدم لكم الدرس الثاني من سلسلة دروس شرح مكتبة font awesome، والدرس يتحدث عن جزئيتين،
الجزء الأول: كيفية التحكم بالأيقونات (الالوان، الاحجام، الحركات...).
الجزء الثاني: كيفية استخدام الأيقونات في برنامج فوتوشوب، او حتى برامج سطح المكتب بشكل عام.
راجع:
الجزء الأول: كيفية التحكم بالأيقونات (الالوان، الاحجام، الحركات...).
الجزء الثاني: كيفية استخدام الأيقونات في برنامج فوتوشوب، او حتى برامج سطح المكتب بشكل عام.
راجع:
- [مقدمة] سلسلة دروس شرح مكتبة iconfont، مهمة لكل مصمم ومبرمج مواقع ويب.
- [الدرس الأول] مميزات مكتبة font awesome + التحميل + شرح بالصور والفيديو بالتفصيل.
همسة: يوجد فيديو شرح لنفس الدرس، في النهاية.
كيف يمكننا التحكم في الأيقونات؟
كما ذكرت في الدروس السابقة أن الأيقونات عبارة عن خطوط (font)، أي بكل سهولة التحكم في الأيقونات بشكل كامل يكون من خلال تقنية css، من خلال الخصائص التي تتعامل مع النصوص بشكل كامل.
كما ذكرت في الدروس السابقة أن الأيقونات عبارة عن خطوط (font)، أي بكل سهولة التحكم في الأيقونات بشكل كامل يكون من خلال تقنية css، من خلال الخصائص التي تتعامل مع النصوص بشكل كامل.
ما هي الخصائص التي تتحكم في الأيقونات؟
من خلال خصائص css التي تتعامل مع النصوص يمكنك التحكم بالأيقونات، حيث أن:
تغيير اللون، وضع خلفية، حجم الخط، نوع -عائلة- الخط، ستايل الخط، ارتفاع النص، التدوير، تاثيرات، وباقي الخصائص التي تتعامل مع الخطوط.
يف يمكن استخدام الأيقونات في برنامج الفوتوشوب (برامج سطح المكتب)؟
عندما قمنا بتنزيل مكتبة الخطوط، وجدنا في المكتبة مجلد باسم font، في هذا المجلد سنستخدم نوعين من الملفات لاستخدامه مع نظام التشغيل ويندوز، وسيتم استخدامه وتثبيته من خلال الخطوات التالية:
1- قم بتثبيت الخطوط على جهازك الكمبيوتر كما بالصورة التالية:2- قم بالذهاب إلى موقع المكتبة، إلى الصفحة التالية، اضغط هنا، ومن ثم قم بنسخ الأيقونة نفسها -وليس اسمها- التي تريد استخدامها كما بالصورة التالية:
