پرداخت
سبد خرید : 0
پشتيباني : 09389373085
امروز شنبه ۲۰ آذر ۱۳۹۵
تخفیف های روزانه تا 50% فقط با عضویت در کانال تلگرام سایت ! ورود به کانال x

آموزش استفاده از ایکون فونت با Font Awesome - قالب خبری وردپرس | تابناک وب

منتشره شده در شهریور ۲۰, ۱۳۹۴

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

 

 

fa

 

 

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

 

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

 

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

 

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

 

 

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

حتما بخوانید   درآمد 30 میلیون تومانی از کانال تلگرامی! + عکس

 

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

 

 

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

 

 

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

 

 

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

 

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



دیدگاه کاربران ۰
  • نظرات شما پس از بررسي و تاييد نمايش داده مي شود.
  • لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنيد.

css.php