1.6 KiB
1.6 KiB
title | localeTitle |
---|---|
Fontawesome Icons For Bootstrap | أيقونات Fontawesome ل Bootstrap |
أيقونات Fontawesome ل Bootstrap
وقد أسقط Bootstrap (الإصدار 4) خط رموز Glyphicon في الإصدار الأخير. توفر لك Fontawesome Icons أكثر من 675 رمزًا ، وهي تأتي بتنسيق الخط.
كيف تستعمل:
في <head>
من html الخاص بك تتضمن مرجع إلى Font Awesome.
`
`استخدام fontawesome هو نفس استخدام Glyphicon.
ببساطة قم بإنشاء علامة <i>
أو <span>
وقم بتطبيق CSS Prefix fa
واسم الرمز. تم توفير مثال على التعليمات البرمجية أدناه.
مثال الكود:
<i class="fa fa-twitter" aria-hidden="true"></i>
<span class="fa fa-freecodecamp" aria-hidden="true"></span>
قائمة أيقونة Fontawesome:
قائمة كاملة من الرموز المقدمة من قبل fontawesome متاحة هنا
.fa fa-align-left
هذا هو المحاذاة الغامضة في أيقونة اليسار.
.fa fa-heart
هذا هو رمز قلب رائع.
ملاحظة: لا تقم بتضمين النقطة في سمة فئة HTML ، يتم استخدام الإشارة إلى الفئات ذات النقطة فقط عند ضبط الفئات في CSS.