كيف تضيف أيقونات الـ Font Awesome إلى موقعك

    أيقونات Font Awesome أحد أكثر العناصر التي تستخدم في تصاميم المواقع , بحيث تعتمد على أكواد الـ CSS لإنشاء أو استدعاء أيقونات الـ Font Awesome .
لا بد و أنك لاحظت بعض المواقع التي تستخدم أيقونات الـ Font Awesome مثل أيقونة المنزل للصفحة الرئيسية أو أيقونة الكومبيوتر , .....  .

طريقة إضافة أيقونت Font Awesome للموقع

أيقونات الـ Font Awesome لإضافتها يتوجب علينا استدعائها من المكتبة الخاصة بالأيقونات .

أولا إليك الكود الخاص بمكتبة Font Awesome التالي : 

<link crossorigin='anonymous' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' rel='stylesheet'/>

إلصقه فوق وسم </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='#' .
بالتوفيق للجميع .