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.
|
||
|
||
```html
|
||
<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/) |