كيف تضيف أيقونات الـ Font Awesome إلى موقعك
أيقونات Font Awesome أحد أكثر العناصر التي تستخدم في تصاميم المواقع , بحيث تعتمد على أكواد الـ CSS لإنشاء أو استدعاء أيقونات الـ Font Awesome .
لا بد و أنك لاحظت بعض المواقع التي تستخدم أيقونات الـ Font Awesome مثل أيقونة المنزل للصفحة الرئيسية أو أيقونة الكومبيوتر , ..... .
طريقة إضافة أيقونت Font Awesome للموقع
أيقونات الـ Font Awesome لإضافتها يتوجب علينا استدعائها من المكتبة الخاصة بالأيقونات .
أولا إليك الكود الخاص بمكتبة Font Awesome التالي :
إلصقه فوق وسم </head> في قالب موقعك
ثانيا نأتي إلى كيفية إنشاء أيقونات الـ Font Awesome بعد أن أضفنا كود المكتبة
لإنشاء أي أيقونة يتوجب عليك أن تكتب إسم الأيقونة الخاص داخل تعليمة class='#'
مثال عن أيقونة المنزل :
<a href='#'><i class="fa fa-home"/></a>
ستظهر بالشكل التالي :
إسم أيقونة الذي كتبناه هو fa fa-home
إليك مجموعة من أسماء الأيقونات اللتي يمكن لك إنشائها :
|
fab fa-accessible-icon |
 |
|
fas fa-american-sign-language-interpreting |
 |
|
fas fa-assistive-listening-systems |
 |
|
fas fa-audio-description |
 |
|
fas fa-blind |
 |
|
fas fa-braille |
 |
|
fas fa-closed-captioning |
 |
|
far fa-closed-captioning |
 |
|
fas fa-deaf |
 |
|
fas fa-low-vision |
 |
|
fas fa-phone-volume |
 |
|
fas fa-question-circle |
 |
|
far fa-question-circle |
 |
|
fas fa-sign-language |
 |
|
fas fa-tty |
 |
|
fas fa-universal-access |
 |
|
fas fa-wheelchair |
 |
طبعا هذه مجموعة صغيرة من أيقونات الـ Font Awesome و للمزيد من الأيقونات أنصحك بزيارة موقع
w3schools , ستجد كم هائل من الأيقونات كل ما عليك هو أخذ اسم الأيقونة التي اخترتها و لصقها بين مزدوجتي class='#' .
بالتوفيق للجميع .
