كيف استحدام مكتبة fontawsem في موقعي

  • Montser

سلام عليكم

كيف نستحدم ايقونات مكتبةfontawsem

بحثت كتيير في انترنت ولكن بدون نتيجة

وشكرا مقدما


Salsa أضف ردا

أولا أدخل من هنا و ضع إيميلك :

سيرسلون لك إيميل , قم بتفعيله .. ثم قم بملأ البيانات (باسوورد, إسمك ... إلخ)

ثم ستنتقل بك إلى صفحة فيها كودك

<script src="

https://kit.fontawesome.com... " crossorigin="anonymous">

قم بنسخ كودك ثم قم بإلصاقه في مشروعك في صفحات الhtml في داخل ضعه في الداخل

الآن يمكنك إستعمال الأيقونات , أدخل من هنا :

إختر الأيقونة التي تريد ثم قم بنسخ كودها الذي يكون من هذا الشكل :

far fa-rocket

في كل مرة تريد إستخدام أيقونة فقط قم بنسخ كودها و ضعه كما هو .

شكرا جزيلا اخي

ولكن كود الايقون نستخدم مباشرة في وسوم html ام في css

وكيف نستخدمو

Salsa أضف ردا

أكواد الأيقونات توضع بداخل ال html مثلا

<div>
<i>far fa-rocket</i>
</div>

طريقة الإستخدام , لما تعمل على تطوير موقع معين , أنت تحتاج في بعض الأحيان صور أيقونات , مثل أيقونة البحث و أيقونة التعليق ... إلخ , تذهب إلى fontawesome ثم إلى icons ثم تقوم بالبحث عن الأيقونة التي تريد مثلا : search icon , فتظهر لك العديد من أيقونات ال search منها المجانية و منها المدفوعة , إختر واحدة مجانية بالضغط عليها , ستأخذك إلى صفحة هذه الأيقونة ستجد كودها بال html بالشكل التالي :

<i>far fa-rocket</i>

فقط قم بنسخه ثم ضعه في المكان الذي تريد أن تظهر فيه الأيقونة في مشروعك (بداخل ملف ال html) .

كيف نبحث الايقونات في محرك البحث بتاع الموقع

مثلا انا لو داير ايقون فيس بوك

لما اكتب كلمة البحث الايقونات ما بيجو

أكتب إسم الأيقونة فقط مثل

facebook

نعم بحث ولكن لم ياتي الايقونات

بحثت بالعربي والانجليزي ولكن ما بيجي

جرب هذا الرابط :