آموزش CSS: قلم های متغیر

مقدمه Introduction

• قلم های متغیر: مقدمه Variable fonts: An introduction

1. فونت های متغیر: تصویر بزرگ 1. Variable Fonts: The Big Picture

• قلم های متغیر چیست؟ What are variable fonts?

• برخی از نمونه های قلم های متغیر Some examples of variable fonts

2. فونت های متغیر: مبانی 2. Variable Fonts: The Basics

• محور تغییر The variation axis

• تنوع: وزن Variation: Weight

• تنوع: عرض Variation: Width

• تنوع: اندازه نوری Variation: Optical size

• تنوع: شیب Variation: Slant

• تنوع: ایتالیایی Variation: Italic

• از ابزارهای مرورگر برای کشف محور استفاده کنید Use browser tools to discover axis

• محورهای تغییر سفارشی Custom variation axes

2. فونت های متغیر در عمل 2. Variable Fonts in Practice

• یک قلم متغیر اضافه کنید Add a variable font

• قلم های متغیر سبک با استفاده از ویژگی های قدیمی Style variable fonts using old properties

• از ویژگی تنظیمات قلم استفاده کنید Use the font-variation-settings property

• تعامل بین محورهای تغییر Interplay between variation axes

• برای یک ظاهر طراحی ساده تر از خصوصیات سفارشی استفاده کنید Use custom properties for easier styling

• طراحی تایپوگرافی در مرورگر Design typography in the browser

3. سازگاری به عقب 3. Backward Compatibility

• پشتیبانی فعلی مرورگر Current browser support

• ارائه خطاهای مناسب Providing proper fallbacks

نتیجه Conclusion

• با تشکر ، این سرگرم کننده بود Thanks, that was fun