آموزش استقرار فونت های آیکون برای وب

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

خوش آمدی Welcome

• مقدمه Introduction

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

1. با استفاده از فونت های آیکون 1. Using Icon Fonts

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

• یافتن قلم های آیکون Finding icon fonts

• درک رمزگذاری Understanding encoding

2. سبک جهانی 2. Global Styling

• @ syntax font-face @font-face syntax

• افزودن URI داده برای فونتهای آیکون Adding Data URI for icon fonts

• عادی سازی قلم های آیکون Normalizing icon fonts

• بهبود رندر Improving rendering

3. گزینه های استقرار 3. Deployment Options

• کار با رمزگذاری اولیه لاتین Working with Basic Latin encoding

• با استفاده از محتوای تولید شده Using generated content

• ایجاد راه حلهای مبتنی بر کلاس Creating class-based solutions

• اضافه کردن ویژگی داده-نماد Adding the data-icon attribute

• بهبود دسترسی Improving accessibility

4. قلم های نماد سبک 4. Styling Icon Fonts

• یک ظاهر طراحی اولیه آیکون Basic icon styling

• نمادهای عمودی تراز Vertically aligning icons

• حالات نماد را تغییر دهید Changing icon states

• نمادهای متحرک Animating icons

• ساختن گلیف های چند رنگ Structuring multicolored glyphs

• قرار دادن گلیف های چند رنگ Positioning multicolored glyphs

نتیجه Conclusion

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