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.
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
استخدام 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.