أيقونات 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 |  |
بالتوفيق للجميع .
إرسال تعليق