يمكن تحميل مكتبة font awesome بكل بساطة من موقعها الرسمي، ومن ثم تحميلها في ملفات المشروع، وبالتالي يتم إستدعائها بين الوسم <head> </head> وبعد ذلك إستخدام الأيقونات بكل بساطة، يمكن توضيح ذلك بمثال:
الخطوة الأولي تضمين إستخدام المكتبة في ملفات المشروع: عبر الرابط التالي
هذا المثال سيكون وفق الإصدار الأخير وهو 6.2.0 ليتم إنشاء الأقونات كما بالشكل التالي:
<i class="fa-solid fa-user"></i>
<i class="fa-regular fa-user"></i>
<i class="fa-light fa-user"></i>
<i class="fa-thin fa-user"></i>
<i class="fa-duotone fa-user"></i>
<!-- a Brands icon -->
<i class="fa-brands fa-font-awesome"></i>
<!-- a specifically set Font Awesome Sharp Solid icon -->
<i class="fa-sharp fa-solid fa-user"></i>
جميل جزاك الله خير .. استعملتها وضبطت ولكن ظل فيه مشكلة أن الأيقونات فقط نوع solid هيه اللي تظهر وأما نوع Thin لاتظهر ماعرفت ايش المشكلة يعني لازم اتأكد أنها مجانية وأنها من نوع solid .
يمكن التعامل في هذا الصدد مع الأيقونات المجانية التي يتيحها font awesome، يوجد بالأساس علي الموقع تحديد يسمح لكِ بتحديد الأيقونات المجانية فقط ومن ثم يمكن العمل بها وتضمينها داخل المشروع عبر الضغط عليها وسوف يظهر تفاصيل تضمين الأيقون.