آموزش استفاده از Font Icon ها در css3

آموزش استفاده از Font Icon ها در css3

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

با سلام خدمت همه کاربران عزیز و گرامی پاتوق وردپرس

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

فونت آیکون یکی از مهم ترین چیز هایی است که سشاخته و پرداخته شده است توسط این فونت ها شما میتوانید به جای استفاده از تصویر و عکس از فونت برای نمایش آرم ها و نماد های مختلف استفاده کنید توجه داشته باشید که حجم این فونت آیکون ها فوق العاده کمتر سات و همچنین این آیکون ها انعطاف پذیر نیز میباشد یعنی با تغییر آندازه آنها کیفیت به هیچ وجه هیچ تغییری نمیکند ولی در تصاویر ما میدانیم تغییر اندازه تصاویر باعث کاهش کیفیت اونا شده!!!

how-to-use-font-icon-in-css

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

۱)در اولین مرحله شما باید آخرین نسخه Awesome Font :

دانلود آخرین ورژن Font Awesome

۲) خب باید مثل همه بخش های مختلف دیگه توی سی اس اس بریم و فایل های مخصوص اونو تو بخش  head وب سایت خودمون بارگذاری کنیم

 

 

۳)اگر  تو صفحه این صفحه فونت ها نگاه کنید برای هر فونت مشخص یک کلاس Class مشخص در نظر گرفته شده است!!و شما باید از کد اچ تی ام ال زیر برای نمایش فونت آیکون ها در هر جای سایت خود که نیاز دارید استفاده کنید!!

 

در قسمت Class یک عبارت fa-lg وجود دارد که میزان بزرگی شکلک را بیان می کند که می توانید fa-2x یا fa-3x و .... استفاده کنید

نکته : همچنین میتوانید رد صورتی که میخواهید فقط از چند عدید فونت خاص استفاده کنید برای حداقل شدن حجم فونت یکون ها میتوانید از ایجاد دکمه های تحت وب توسط Awesome Font استفاده کنید که باید به ادرس زیر بروید .

ایجاد دکمه های تحت وب توسط Awesome Font

 

به این پست امتیاز دهید.
امتیاز خود را ثبت کنید

آرزوی قلبی من خدمت برای تمام دوستداران وردپرس در ایران نشر محصولاتی با حداکثر کیفیت و بهترین پشتیبانی می باشد ، به امید روزی که ترفند های وردپرس خدمتگذارترین وردپرسی ایران شود ..!

عضویت

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند

۵

مقاله های مرتبط :

دیدگاه خود را بیان کنید :

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