FontAwesome چیست؟

فونت آیکون چیست؟

یکی از عناصر زیبا ساز سایت ها آیکون ها میباشند که هر کاربری با دیدن آن ها میتواند جان کلام آن متن را بیابد بخاطر همین تمرکز زیادی بر روی بهینه سازی آیکون ها بود تا اینکه یک تکنولوژی جدید در دنیای وب روی داد که همه ی سایت های را به سمت خودش کشید. وبمستران فونتی را طراحی کردند که بصورت آیکون میباشد.
آیکون فونت ها فقط فونت هستند. با این حال، به جای داشتن حروف و اعداد آنها حاوی علامت و حروف هستند. شما میتوانید همانگونه که به متن های معمولی در وب استایل میدهید به آنها نیز بدهید که این ویژگی باعث محبوبیت آنها در وب شده است.

Font Awesome چیست؟

فونت آیکن Awesome نوعی فونت مانند فونت نوشتاری می باشد که به صورت آیکن هایی به شکل ها و اشکال مختلف طراحی شده است که می توانید در صفحات وب از آنها استفاده کنید.تعداد آیکونهای این مجموعه بیش از ۵۸۵ مورد می باشد که در موضوعاتی مانند: برنامه های وب، شبکه های اجتماعی، فرم ها، پخش کننده موسیقی و فیلم، حمل و نقل، نمودار و چارت، آیکون های ادیتور متنی، ایکون پرداخت و بانکها، موسسات و شرکتهای معتبر وب و برند، بیمارستان و سلامت و … را نام برد.
FontAwesome

مزایای استفاده از فونت آیکون

  • افزایش سرعت بارگذاری صفحات وب در سایتهای سنگین و بزرگ
  • وکتور بودن یعنی عکس هایی که با زوم کردن کاهش کیفیت ندارند و بصورت برداری میباشند
  • امکان تغییر اندازه راحت فونت ها در طراحی سایت واکنشگرا
  • سازگاری با همه ی مرورگرها
  • تغییر رنگ راحت و سریع نسبت به استفاده از تصویر
  • امکان مدیریت کامل این فونت ها به وسیله ی نوشتن کدهای CSS
  • و...

نحوه استفاده از فونت آیکون در طراحی سایت

1.آخرین ورژن فونت را از سایت Font Awesome دانلود کنید.
2.سپس فایل css مربوطه را لینک دهید.
3. Font Awesome به وسیله عناصر درون خطی (inline element) مانند i و span استفاده می شود. کافی است نام آیکون را پس از -fa در class بگذاریم.
برای مثال:

fa-user

fa-envelope

fa-car

fa-calendar

fa-book

fa-desktop

fa-rss

fa-camera

fa-image

fa-download

fa-coffee

fa-comment

برای مشاهده مثال‌های بیشتر به آدرس زیرمراجعه کنید.

fontawesome.io/examples

این مطلب را با دیگران به اشتراک بگذارید