آموزش ایجاد قلم های آیکون برای وب

سرفصل ها و درس ها

خوش آمدی Welcome

• مقدمه Introduction

• نحوه استفاده از پرونده های تمرینی How to use the exercise files

1. نمای کلی قلم آیکون 1. Icon Font Overview

• قلم آیکون چیست؟ What is an icon font?

• گزینه هایی برای ایجاد قلم های آیکون Options for creating icon fonts

• درک معیارهای قلم Understanding font metrics

• مرور کلی ابزارها Tools overview

2. با استفاده از ابزارهای آنلاین 2. Using Online Tools

• ابزارهای ایجاد فونت آنلاین Online font-creation tools

• انتخاب نمادهای موجود Choosing existing icons

• در حال بارگیری آیکون های سفارشی Uploading custom icons

• اطمینان از اندازه مناسب Ensuring consistent sizing

• انتخاب رمزگذاری یونیکد Choosing Unicode encoding

• تنظیم تنظیمات برگزیده قلم Setting font preferences

• بارگیری و آزمایش قلم های نمادهای سفارشی Downloading and testing custom icon fonts

3. رسم گلیف ها 3. Drawing Glyphs

• بررسی فونت تمام شده Exploring the finished font

• تعیین واحدها در هر EM (UPM) Determining units per em (UPM)

• فضای کاری خود را تنظیم کنید Setting up your workspace

• شبکه ها و راهنماها را تنظیم کنید Setting grids and guides

• رسم بر روی یک شبکه Drawing on a grid

• نکاتی برای ترسیم منحنی ها Tips for drawing curves

• رسم منحنی های سازگار Drawing consistent curves

• ایجاد مسیرهای ترکیبی Creating compound paths

• ساده کردن مسیرها Simplifying paths

• صادرات گلیف ها Exporting glyphs

4. ایجاد قلم Icon خود 4. Creating Your Own Icon Font

• بررسی اجمالی Glyphs Mini Glyphs Mini overview

• ایجاد یک قلم جدید Creating a new font

• تنظیم اطلاعات فونت Setting font info

• تشکیل گلیف ها Organizing glyphs

• اضافه کردن گلیف های جدید Adding new glyphs

• تنظیم خواص گلیف Setting glyph properties

• واردات آثار هنری SVG Importing SVG artwork

• واردات آثار هنری Illustrator Importing Illustrator artwork

• کنترل مسیر Controlling path orientation

• اضافه کردن امتیازات اضافی Adding extrema points

• ساده کردن مسیرها Simplifying paths

• پرداختن به آثار هنری مشکل ساز Dealing with problem artwork

• تغییر نام گلیف ها Renaming glyphs

• صادرات قلم Exporting fonts

5- تولید فونت های وب 5. Generating Web Fonts

• استفاده از سنجاب قلم برای تولید قلم Using Font Squirrel to generate fonts

• کاوش در پرونده های تولید شده Exploring generated files

• قلم های نماد تست Testing icon fonts

نتیجه Conclusion

• منابع اضافی Additional resources