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

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

إرسال تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة !
2 - أن لا تضع أي روابط خارجية!
3 - أي سؤال خارج محتوى التدوينة يتم حذفه !
4 - لإضافة كود برمجي حوله أولاً بمحول الأكواد.
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام.
موافقة ملفات تعريف الارتباط
نحن نقدم ملفات تعريف الارتباط على هذا الموقع لتحليل حركة المرور وتذكر تفضيلاتك وتحسين تجربتك.