shams 12 مرداد 1394 4 1782 بازدید آموزش CSS
آموزش استفاده از آیکون فونت ( فونت آیکون) با  Font Awesome

اگر یک طراح وب باشید، خوب میدانید که هنگام load یک صفحه وب، زمانی برای بارگذاری و خواندن تصاویر توسط مرورگر در نظر گرفته میشود که این باعث کاهش سرعت بارگزاری صفحه وب می گردد. شما میتوانید از فونت ها به جای آیکون ها استفاده کنید تا هم سرعت بارگزاری صفحه وب شما افزایش یابد و هم حجم سایتتان کاهش پیدا کند.

مزایای استفاده از آیکن فونت ها به جای تصاویر در صفحات وب :

  • تغییر سایز آیکون ها با استفاده از فونت سایز بدون افت کیفیت آیکن ( این مزیت در طراحی رسپانسیو که نیاز به استفاده از تصاویر کوچک تر برای نمایش بهتر در موبایل ها و تبلت ها دارید، بسیار کاربردی و مفید میباشد.)
  • تغییر رنگ آیکون با استفاده از استایل های css بدون استفاده از تصویر اضافی
  • امکان استفاده از سایه برای آیکون ها
  • نمایش آیکون در اکثر مرورگرها حتی ie7
  • استفاده از یک تصویر حتی در حالت hover
  • کاهش حجم فایل ها در صفحات وب و افزایش سرعت بارگزاری سایت

روش استفاده از فونت آیکون ها :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

نظرات کاربران (4)



  1. sami

    بسیار عالی… سپاس

  2. حمید

    آقا دم شما خیلی گرم

  3. حیبب

    سلام
    ممنون از سایت خوبتون خیلی عالیه
    فقط لطفا بیشتر توضیح بدید که چجوری میشه برای آیکون ها رنگ و.. تایین کرد؟؟ من این کلاس رو در استایلش پیدا نمیکنم

    • حیبب

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