• تهران - تهرانپارس - فلکه دوم - خیابان میرزاد - نبش پارک بهارک - آرتارسانه
  • تلفن تماس: 09193426251

فیلم آموزش استفاده از font awesome pro

فیلم آموزش استفاده از  font awesome pro

آموزش استفاده از فونت اوسام (آموزش استفاده از font awesome pro)

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

در این آموزش به شما توضیحی درباره ی فونت اوسام خواهیم داد که اصلا فونت اوسام چیست و برای چه کاری استفاده می شود؟

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

ولی امروزه افراد دیگر برای استفاده از آیکون، آیکون مورد نظرشان را با فتوشاپ طراحی نمی کنند و برای اینکه سرعت و عملکرد سایتشان بالاتر برود و در سئو نتیجه بهتری بگیرند و برنامه نویس را درگیر کارهای گرافیکی نکنند.

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

یکی از سایت هایی که این فونت را در اختیار شما قرار می دهد سایت Fontawesom.com می باشد.

fontawesome

در این ویدئو نحوه استفاده از fontawesome را برای شما توضیح داده ایمFontawesome آیکون های رایگان و پولی در اختیار ما قرار داده است.

یک نکته مهم این است که برای مشاهده سایت fontawesome حتما باید از Vpn استفاده کنید.

استفاده از آیکون های رایگان فونت اوسام کاملا آسان و راحت است.

اگر بخواهید از آیکون های پولی فونت اوسام استفاده کنید.

به دلیل تحریم بودن و پرداخت هزینه آن به دلار برای برخی اشخاص ممکن نمی باشد.

اما می خواهیم به شما بدون استفاده از پرداخت دلاری آموزش دهیم.

برای این کار اول باید پکیج فونت اوسام رایگان ورژن ۵.۱ را باید از سایت Soft98.ir دانلود کنید.

داخل این فایل دانلود شده فایل های css و Fontweb وجود دارد .

در این آموزش ما از این فایل ها استفاده خواهیم کرد.

برای اینکه کدهای فونت اوسام با سایت شما هم خوانی داشته باشد باید کد ورژن5 مربوط به فونت اوسام را داخل کدهای خود اضافه کنید.

برای اضافه کردن این آیکون ها باید کدی را برای اضافه کردن فونت بنویسید و از تگ استفاده کنید.

با توجه به دانش و مهارت خودتان می توانید سایز و رنگ آیکون موردنظرتان تغییر بدهید.

آیکون بالای صفحه کدی را در اختیار شما قرار می دهد.

شما می توانید با اضافه کردن این کدها آیکون ها برروی سایت شما نمایش داده می شوند.

آیکن پولی

حالا اگر آیکن پولی را انتخاب کنید همانطور که در ویدئو گفتم کد آیکون را به کدهای پروژه اضافه می کنید.

برای اینکه فونت ها در پروژه اجرا شود فایل های css و font web دانلود شده را به پروژه اضافه

می کنید.

با تغییرات و اضافه کردن کدها برروی پروژه می توانید به راحتی از این فونت استفاده کنید.

دقت داشته باشید اگر ورژن آیکون با ورژن بوت استرپ و ورژن فایلی که دانلود کردید تفاوت داشته باشد آیکون برای شما اعمال نمی شود.

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

آیکون ها 4 حالت دارند:

  • آیکون FAS : یعنی آیکونی که solid می باشد استفاده کنید آیکون توپر است.
  • آیکون FAR : این آیکون Regular می باشد تو خالی است.
  • آیکون FAl : این آیکون Light و ظریف است.
  • آیکونFAD : تقریبا 2رنگ می باشد کمرنگ و پررنگ است.

برای این آیکون ها باید کدها داخل css اضافه شده باشد.

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

ممنون که آرتا رسانه را در اینستاگرام دنبال می کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

question