ورود به سایت

ثبت نام در سایت

Registration confirmation will be e-mailed to you.

فراموشی رمز

سیزده − 11 =

بستن
بستن

چگونه از فونت آیکون ها در طراحی و کد نویسی استفاده کنیم ؟

چگونه از فونت آیکون ها در طراحی و کد نویسی استفاده کنیم ؟

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

اول از هرچیزی آیکون ها را بهتر بشناسیم.

آیکون چیست؟

Icon حاوی اشکالی است که برای کاربر آشنا بوده و تداعی‌کننده‌ی موجودیتی می‌باشد که برای آن به کار رفته است.

تقریبا تمامی نرم افزارها، فایل‌ها، آیتم‌های موجود در نوارهای ابزار، دستورات موجود در منوها، وبسایت‌ها و … دارای آیکون‌هایی هستند.

که به کاربر در تشخیص و یافتن سریعتر عنصر مربوطه کمک می‌کنند.

فونت آیکون چیست؟

فونت آیکون مجموعه ای از آیکون ها می باشد که طراح ها یا برنامه نویس ها استفاده میکنند.

کار کردن با فونت آیکون ها خیلی راحتر و سریعتر و بهینه تر از آیکون های png یا svg هست.

در این آموزش از فونت آیکون های fontim استفاده خواهیم کرد، که یک محصول ایرانی با امکانات بیشتر میباشد که بیش از ۱۵۰۰ فونت آیکون زیبا و متنوع دارد.

مطالب مرتبط


گام 1 - دانلود فونت آیکون

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

دانلود فونتیم

 

گام 2 - نصب فونت آیکون

نصب فونت آیکون

بعد از دانلود فونت آیکون سایت فوتیم از پوشه fonts فایل fontim.ttf را پیدا کرده و بر روی آن راست کلیک کرده و فونت را نصب میکنیم.

گام 3 - فونت آیکون برای کدنویسی

انقال فایلهای داخل پوشه css

نکته : در این آموزش یک نمونه ساده از پوشه بندی فایل ها برای درک ساده تر استفاده از آیکون ها در نظر گرفته شده است.این امکان وجود دارد که پوشه بندی فایلهای شما متفاوت باشد .برای اینکه آیکون ها در مرورگر نمایش داده شوند لینک ها در html و css را به درستی وارد کنید.

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

اطلاعات مطلب

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

پاسخی بگذارید

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