امروزه توسعه دهنده‌های زیادی توی طراحی سایتشون از فونت آیکن ها بهره میگیرن. و دلایلی وجود داره که به ما ثابت میکنه که استفاده از فونت آیکن ها بهتره. اول از همه باید بدونیم اصلا فونت آیکن‌ها چی هستن و مزایا و معایبشون چی هست؟ و در ادامه یکی از از محبوترین فونت ها آیکن ها رو بررسی میکنیم و لینکش رو براتون میذارم که بدونیم چطور ازشون استفاده کنیم.
فونت آیکن‌ها مفهوم جدیدی از فونت رو معرفی کردن. قبلا برای استفاده از آیکن‌ها توی طراحی سایت، باید از نرم‌افزارهایی چون فوتوشاپ استفاده میکردیم که البته مشکلاتی رو به همراه داشت از جمله اینکه مثلا اگر تغییر رنگ داشت می بایست مجدد با استفاده از همین نرم‌افزارها رنگ آیکن ها رو تغییر میدادیم تا بتونیم ازشون استفاده بکنیم.
مزایا معایب فونت آیکن‌ها
استفاده از فونت آیکن‌ها مزایای قابل توجهی داره که در زیر بهش اشاره میکنیم:
با این مزایایی که عنوان شد آیا استفاده از فونت آیکن‌ها برای همه موارد مناسب هست؟
مشخص‌که نه ....
استفاده از فونت آیکن‌ها روش خیلی خوبی برای راحت‌تر کردن طراحی یک پروژه هست، اما محدودیت‌هایی دارن. برای مثال :
اگر ما بخواهیم توی پروژه خودمون یه عکس پیچیده نشون بدیم به جای یه آیکن ساده؛ اون موقع استفاده از فونت آیکن راه حل خوبی نیست. معمولا آنها محدود به یک رنگ هستن مگر اینکه یکسری ترفندهای css بهشون اعمال کنیم. علاوه بر این فونت آیکن‌ها با توجه به اندازه‌های خاص طراحی شدن برای مثال: 32×32 ، 16×16و غیره و اگر شما به هر دلیلی اندازه 25×25 بخواهید. احتمالا از فونت آیکن‌ها نتیجه خاصی دریافت نمیکنید.(البته مشخصه های خاص css میتونن کمک‌کننده باشن)
شایان ذکر هست که فراتر از آیکن فونت‌ها؛ راه‌حل‌های محبوب دیگه‌ای وجود داره برای آیکن‌های وکتور مثلا آیکن‌های SVG، این‌ها قابلیت این رو دارن که یکسری مشکلاتی رو که فونت آیکن‌ها دارن پوشش بدن برای مثال میتونیم بیشتر از یک رنگ بهشون اعمال کنیم.
معرفی کتابخونه فونت آیکن
یکی از کتابخونه‌های معروف فونت آیکن Font Awesome هست.
Font Awesome:
مجموعه ای از 439 آیکن هست این کتابخانه برای استفاده شخصی یا تجاری کاملا رایگان هست، و به طور طبیعی برای فریم ورک بوت استرپ طراحی شده؛ با این حال شما توی هر کتابخونه ای که بخواید می تونید استفاده کنید
نحوه استفاده از آیکن‌های Font Awesome .
بخشی از متن های این وبلاگ؛ ترجمه مقاله سایت sitepoint.com هست.
