هاست
باشگاه وردپرس باشگاه جوملا فیلم آموزشی فروشگاه

گروه طراحی سایت ایمانپور خدمات خفن ارائه می دهد

خرید هاست

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

آموزش استفاده از ایکون فونت با Font AwesomeReviewed by مهدی ایمانپور on Jun 30Rating: 5.0آموزش استفاده از ایکون فونت با Font Awesomeاسکریپت Font Awesome یک راه بسیار ساده و حرفه ایی جهت استفاده از فونت آیکونهای مختلف هستش در واقع این اسکریپت یک کتابخانه بزرگ از ایکون فونت های با کیفیت بوده و میتونید بدون دردسر و به راحتی از این پکیج رایگان در طراحی های خودتون استفاده کنید .

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

 

Capture

 

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

 

برای شروع کار و استفاده از این اسکریپت فوق العاده به سایت اصلی اون برای دانلود رفته و سورس اون رو دانلود کنید

 

بعد از دانلود سورس اصلی فایل فشرده رو اکسترکت کنید ما در اینجا چهار تا پوشه داریم اگر شما میخواهید فقط از ایکون فوت های این کتابخانه استفاده کنید پوشه css رو باز کرده و فایل font-awesome.min رو در پروژه خودتون قرار بدید توجه داشته باشید که فایل های سی اس اس و جاوا اسکریپتی که در آخر اسم اونها کلمه min یا mini نوشته شده نسخه فشرده شده و کم حجم هستند .

حتما بخوانید  حذف نگارش وردپرس از سایت

 

البته میتونید از سرور CDN برای فایل CSS هم استفاده کنید :

 

 

حالا فقط تنها کاری که میکنید این هستش که از ایکون فونت ها استفاده کنید و لذت ببرید ! روش استفاده از ایکون فونت ها هم خیلی ساده هستش فقط کافیه یک تگ درست کنید و به اون تگ کلاس شناسه آیکون مورد نظر رو بدید و برای تغییر اندازه و دادن انیمیشن حرکتی هم میتونید با کلاس دادن انجام بدید .

 

وارد صفحه ایکون ها در سایت اصلی بشید میبینید که لیستی از ایکون فونت ها برای استفاده قرار گرفته شده برای استفاده از هر کدوم شناسه ایی که کنار اونها نوشته شده رو کپی کنید و درون تگ قرار بدید .

 

 

حالا برای اندازه دادن کافیه از عبارت fa-2x به بالا استفاده کنید :

 

 

 

یکی دیگر از قابلیت های این کتابخانه دادن انیمیشن چرخشی به ایکون ها هستش که با کلاس fa-spinner ایجاد میشود

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

 

 

البته شما میتونید تمام قابلیت های این کتابخانه رو در قسمت Examaples مشاهده کنید که به صورت کاملا روان و ساده توضیح داده شده .

 

میبینید که استفاده از این کتابخانه بسیار ساده هستش برای رنگ دادن به ایکون ها باید از CSS استفاده کنید و به تگ مورد نظر خاصیت color بدید چون ایکون های ما فونت هستند پس میشه به صورت ۱۰۰ درصد با css به اون دسترسی داشت . اگر باز هم در استفاده از این کتابخانه مشکلی داشتید در قسمت نظرات اعلام کنید – موفق باشید

 

 

نبرد برای صفحه اول گوگل برای حضور در صفحه اول نتایج گوگل کافیست پکیج نبرد برای صفحه اول گوگل را داشته باشید

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

توجه: پس از ثبت ایمیل حتما وارد اینباکس ایمیل خود شده و روی لینک فعالسازی ارسال شده کلیک کنید.

تعداد اعضای خبرنامه : 1218743 نفر ، آیا 1218743 عضو اشتباه کرده اند ؟ ! !

پیشنهاد می کنیم
  1. امیر حسین می‌گه:

    سلام دوست عزیز
    یه سوال داشتم
    چطور میتونم در غالب صحیفه از این نوع فونت استفاده کنم . در قسمت شبکه های اجتماعی برای اضافه کردن تلگرام میگه اسم فونت Awosome رو وارد کن، من وارد کردم ولی تغییری نکرد لطفا راهنمایی کنید .ممنون

    • مهدی ایمانپور مهدی ایمانپور می‌گه:

      سلام و احترام
      قالبی که استفاده می کنید رو برایمان پیوست کنید تا بررسی کنیم
      همین 3 4 روز پیش برای یکی از دوستان هم این سوال بود و بررسی کردیم دیدیم مشکل از قالبشون هست

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

  1. نظراتی که با تایپ فارسی نباشند پاسخی دریافت نخواهند کرد
  2. ديدگاهتان را فقط در رابطه با همين موضوع ثبت کنيد در غير اينصورت پاسخ داده نخواهد شد
  3. جهت مطرح کردن سوالات غیر مرتبط و حل مشکلات خود به تالار گفتگوی توکاوب مراجعه کنید
  4. استفاده از نام هاي تبليغاتي و آدرس سايت های غير مرتبط باعث عدم تاييد و پاسخ به ديدگاه مي شود

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


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