آموزش استفاده از FontAwesome در صفحات وب (جایگزین تصاویر)

[kingpower]

اسلام
امیدوارم که حال همه عزیزان خوب باشد

نمیدونم قبلا کسی آموزشش رو قرار داده یا نه (تو سرچ من داخل انجمن چیزی پیدا نشد )
امروز در این مقاله به شما یاد میدم که چگونه از ایکن های سایت Font Awesome استفاده کنید که مورد نیاز در طراحی هست

1-ابتدا وارد سایت شوید و فایل را دانلود نمائید
2-از محتویات فایل فولدر های css و fonts را داخل پوستتون (قالب ) پیست کنید
3-حالا فایل font-awesome.min.css رو درون کد های head درفایل header.php فراخوانی کنید

<link rel="stylesheet" href="css/font-awesome.min.css">

4- برای استفاده از اآیکن ها دمی بایست به صفحه Font Awesome Icons مراجعه نمائید
سپس ایکینی که میخواهید رو روش کلیک کنید
پس از باز شدن صفحه جدید در زیر عکس کد مانند کد زیر قابل مشاهده است

<i class="fa fa-check-square"></i>

این کد را هرکجا که میخواهید ایکن به نمایش در بیاد قرار دهید
کار تقریبا تمام شد ولی کمی ریز کاری دارد

آ ) تغییر سایز آیکن ها

برای بزرگنمائی باید از کلمه fa-2x استفاده کنید البته این عدد تا 5 بزرگ می شود مانند کد زیر

<i class="fa fa-check-square fa-3x"></i>

فک کنم این از همش مهم تر بود برای همین گفتم ادامه اش رو میتونید در لین مقابل مشاهده کنید {http://fortawesome.github.io/Font-Awesome/examples/}

امیدوارم مفید واقع شده باشد
با آرزوی موفقیت همه دوستان عزیز