اضف ايقونات رائعة الى موقعك بواسطة Font-Awesome

محتويات المقال:
الكل يعلم انه لايمكن تصميم او انشاء موقع ويب بدون ايقونات ومصادر هذه الايقونات التقليدية كثيرة ولكن هذه الايقونات تعمل على استهلاك مصادر الموقع وتؤدي الى بطئ في تحميل صفحات الموقع.
ولكن من خلال هذه مكتبة الخط الرائعة Font Awesome icons
يمكن انشاء العديد من الايقونات على موقعكم بدون استهلاك الموارد فقط من خلال استدعاء ملف واحد بصيعة CSS ، ويتم التعامل معه كالخط العادي بالنسبه للألوان والخلفية والحجم .

كيفية استخدام هذه المكتبة :
.استدعاء ملف CSS من خلال الطريقة الاتية:
في قسم التاج <head> ضع الكود التالي:
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
الان يمكنك وبسهولة استدعاء اي ايقون من خلال اسم كلاس الايقون خلال العناصر الخطية مثل <i> او <span> ، ولكن التاج <i> هو الاكثر شيوعا بين المطورين لذلك ينصح به ، كالمثال التالي على ايقونات الشبكات الاجتماعية:
<i class='fa fa-facebook'></i>
<i class='fa fa-twitter'></i>
<i class='fa fa-google-plus'></i>
وتحتوي النسخ الاخيرة على اكثر من 600 ايقون ويمكنك استدعائها بنفس الطريقة.

اقرأ ايضا:

ولمعرفة اسماء كلاسات الايقونات وكيفية التحكم بحجم ولون الايقون يوجد نسخة محلية لاستخدامها على جهازك مع ملفات التعليمات لتحميلها من خلال الرابط التالي:
Font-awesome icons download

الكلمات المفتاحية: