39 lines
1.6 KiB
Markdown
39 lines
1.6 KiB
Markdown
|
---
|
|||
|
|
title: Fontawesome Icons For Bootstrap
|
|||
|
|
localeTitle: أيقونات 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 متاحة [هنا](http://fontawesome.io/cheatsheet/)
|
|||
|
|
|
|||
|
|
`.fa fa-align-left` هذا هو المحاذاة الغامضة في أيقونة اليسار.
|
|||
|
|
|
|||
|
|
`.fa fa-heart` هذا هو رمز قلب رائع.
|
|||
|
|
|
|||
|
|
_ملاحظة: لا تقم بتضمين النقطة في سمة فئة HTML ، يتم استخدام الإشارة إلى الفئات ذات النقطة فقط عند ضبط الفئات في CSS._
|
|||
|
|
|
|||
|
|
#### معلومات اكثر:
|
|||
|
|
|
|||
|
|
[Fontawesome Cheatsheet](http://fontawesome.io/cheatsheet/)
|