اضف ايقونات رائعة الى موقعك بواسطة 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

مواضيع ذات صلة

0 اترك تعليقاً...