خروجی طرح‌ها بعد از توسعه همیشه مطابق چیزی که طراحی کرده‌ایم نیست و بارها برایمان پیش آمده که از خروجی طرح‌های توسعه‌یافته‌مان چندان راضی نباشیم. اما چرا چنین اتفاقی می‌افتد؟ شاید ساده‌ترین جواب وجود محدودیت‌هاییست که ما به عنوان طراح از آن آگاه نیستیم و گاهی طراحی‌هایی انجام می‌دهیم که امکان اجرای آن به صورت کامل وجود ندارد.
با اینکه هرگز با محدود کردن خلاقیت ذهن طراح موافق نیستم ولی انجام کارهای ساده‌ای که باعث ایجاد یک زبان مشترک بین طراحان و توسعه دهندگان می‌شود را می‌پسندم. به همین دلیل شنیدن کلمه فونت‌آیکن و صحبت از مزایای آن از زبان یک دولوپر توجه‌ام را به سمت خود جلب کرد و تصمیم گرفتم درباره آن بیشتر بدانم.
ما به عنوان یک طراح برای نمایش بهتر مفاهیم و در برخی موارد برای بخشیدن جلوه بیشتر به طرح‌هایمان از آیکن‌ها استفاده می‌کنیم. این آیکن‌ها بسته به نظر طراح به صورت SVG و گاهی PNG در طرح‌ها قرار می‌گیرد و اشکال متفاوتی دارد. حالا تصور کنید که این آیکن‌ها به‌جای یک تصویر مجزا به فونت تبدیل شوند و بتوان به آسانی تایپ کردن به کار برد یا ابعاد و اندازه‌هایشان را تغییر داد، این دقیقا کاری است که با تبدیل آیکن‌ها به فونت آیکن (Font icon) امکان‌پذیر می‌شود.
فونت‌ها معمولا از حروف و اعداد تشکیل می‌شوند و به ما این امکان را می‌دهند تا با استفاده از آنها متن مورد نظر خود را بنویسیم. فونت آیکن‌ها فونت‌هایی هستند که به‌جای حروف و اعداد از تصاویر تشکیل شده‌اند، اندازه و رنگ آنها قابل تغییر است و امکان اصلاح آن با استفاده از CSS وجود دارد.
استفاده از فونت آیکن‌برای توسعه دهندگان از آیکن‌های عادی بسیار راحت‌تر است چون همه این تغییرات با CSS انجام می‌شود و دیگر نیازی نیست که برای هر آیکن تصویر منحصر به فردی ایجاد شود و این مساله در کم‌کردن حجم وب‌سایت و کدها تاثیر زیادی دارد.
با اینکه ساخت فونت آیکن‌ها چندان کار پیچیده‌ای نیست، اما لازم نیست که خودتان آنها را ایجاد کنید چرا که آنها در سراسر اینترنت وجود دارند. محبوب‌ترین و شناخته شده‌ترین کتابخانه فونت آیکن Font Awesome است. برای بیش از 100 میلیون وب‌سایت استفاده می شود و شامل مجموعه ای قدرتمند از انواع آیکن‌هاست که با تمام ابزارهای محبوب کار می‌کند.
اگر به دانستن اطلاعات بیشتر درباره فونت آیکن‌ها، مزایا و معایب استفاده از آنها و همینطور آشنایی با سایت‌هایی که امکان ایجاد و دانلود فونت آیکن در آنها وجود دارد علاقه‌دارید این مقاله را بخوانید.
