اضافة مكتبة font awesome لمدونة بلوجر وماهي مميزاتها

ماهي مكتبة الفونت اوسم (font awesome)؟ وماهي مميزات مكتبة الفونت اوسم؟ كيف اضيف مكتبة الفونت اوسم لمدونتي في بلوجر؟ وما الفائدة من هذه المكتبة؟ وماهي طرق استخدام مكتبة الفونت أوسم؟ كل هذه الاسألة ستجد اجابتها في هذه التدوينة باختصار تابع مهنا.
اضافة مكتبة font awesome لمدونة بلوجر وماهي مميزاتها
اضافة مكتبة font awesome لمدونة بلوجر وماهي مميزاتها

ماهي مكتبة الفونت اوسم:

هي مكتبة مجانية الاستخدام وهي تحتوي على ما يزيد عن 675 ايقونة في ملف واحد، وهذه الايقونات هي عبارة عن فونت اي انك تستطيع التحكم بها عن الطريق CSS مثلها مثل اي فونت.

مميزات المكتبة font awesome:

- التحكم الكامل في الأيقونات من خلال CSS.
- المكتبة مجانية بشكل كامل.
- تدعم أغلب المتصفحات المشهورة مثل جوجل كروم، وفيرفوكس، أوبرا، وكذلك متصفح اكسبلورر ...الخ.
- انشأت خصيصا لتعمل مع مكتبة bootstrap.
- متوافقة مع كروت الشاشة.
- سريع وخفيف التحميل على المدونة.

ما الفائدة من المكتبة الفونت اوسم:

هي موجهة خصيصا للمصممين وهي تساعد و تسهل عليهم تصميم بصفة عامة، وتختصر عليهم الوقت، وكان قبل ظهور هذه المكتبة يستعملون صور في التصميم ايقةنات  وطبعا كانوا يجدون صعوبة في حصول على الايقونة المناسبة ولون المناسب وكانو يظطرون الى تصميمها بانفسهم ومع ذلك لا تستطيع التحكم في الونها بعد رفعها، عكس الفونت اوسم التي تختصر لك الوقت وتسهل عليك التحكم فيها وتغيير الوانها وتكبيرها وتصغيرها دون فقد جودتها وذلك فقط عن طريق CSS.

طريقة استعمال المكتبة font awesome لمدونات بلوجر:

- قم بدخول الى مدونتك ثم الى المظهر بعدها الى تحرير HTML.
- وقم بالبحث عن الوسم التالي.
<head>
عند ايجاده قم بوضع الكود التالي اسفله.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/>

طريقة استخراج الأيقونات من مكتبة:

- قم بذهاب الى مكان ايقونات font awesome.
- اختر الأيقونة الذي تريد ثم اضغط عليها سيظهر لك رابط هذه الايقونة على شكل التالي.
<i class="fa fa-home" aria-hidden="true"></i>
قم بنسخه وباستخدامه في مكان الذي تريده في مدونتك.