CSS: فونت های متغیر

مدرس Morten Rand-Hendriksen

انتشار 2019/12/10

مدت زمان 1h 2m

سطح متوسط

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

آموزش CSS: Variable Fonts

تایپوگرافی دیجیتال مدتهاست که نوید انعطاف پذیری چشمگیر را داده است، اما فقط تا حدی آن را ارائه کرده است. بله، فونت‌هایی که تغییر اندازه می‌دهند عادی شده‌اند، و ما یاد گرفته‌ایم که در یک خانواده انتظار تغییرات متعدد را داشته باشیم، اما تعیین دقیق ترکیب‌ها دشوار است. فونت‌های جدید و مشخصات جدید CSS این را تغییر می‌دهند، اما به توسعه‌دهندگان اجازه می‌دهند تا محورهای زیادی را فراتر از اندازه فونت مشخص کنند. اکنون ایجاد صفحات جذاب و متنوع با استفاده از تنها یک فونت به عنوان پایه بسیار آسان تر است. در این دوره، Morten Rand-Hendriksen نحوه استفاده از فونت‌های متغیر را برای ایجاد طرح‌ها با حفظ استفاده کارآمد از پهنای باند نشان می‌دهد. اصول اولیه فونت های متغیر - که به شما امکان می دهد یک فایل فونت را دانلود کنید و آن را در صورت لزوم تغییر دهید - و همچنین نحوه استفاده از آنها در عمل و پشتیبانی از سازگاری با عقب را بررسی کنید.

Cascading Style Sheets (CSS) Fonts Web Design

Introduction

Variable fonts: An introduction ()

1. Variable Fonts: The Big Picture

What are variable fonts? ()

Some examples of variable fonts ()

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. 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. Backward Compatibility

Current browser support ()

Providing proper fallbacks ()

Conclusion

Thanks, that was fun ()

Ex_Files_CSS_Variable_Fonts.zip (467 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.

مسیرهای یادگیری آموزش CSS: فونت های متغیر

یکی از مهمترین مشکلات افرادی که از آموزش های آنلاین استفاده می‌ کنند این است به دلیل تعداد زیاد این آموزش ها، کاربر دچار سردرگمی شده و نمی داند از کدام آموزش بهتر است شروع کند و یا با کدام آموزش ها مهارت های خود را ارتقا دهد. داشتن یک برنامه آموزشی گام به گام میتواند کاربران را از این مشکلات رها کند. در واقع مسیرهای یادگیری مجموعه ای از آموزش ها هستند که به ترتیب اولویت در کنار هم قرار گرفته اند تا کاربران را از این سردرگمی ها نجات دهند. این مسیرها در موضوعات مختلفی دسته بندی شده‌اند که در زیر، لیستی از همه دسته بندی مسیرهایی که توسط سایت لیندا ارائه شده اند را می توانید مشاهده کنید.

آموزش CSS: Variable Fonts در 1 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

برگه های سبک آبشاری (CSS) یک مهارت اصلی برای توسعه دهندگان وب و طراحان وب است. بیاموزید که چگونه الگوی Decorator در قلب CSS به شما امکان می دهد استایل ها را از طریق انتخابگرها اعمال کنید. انواع گزینه‌های طرح‌بندی را کاوش کنید و بیاموزید که چگونه سایت‌ها و برنامه‌ها را با تایپوگرافی و انیمیشن بدرخشید.

آموزش CSS: فونت های متغیر ، ایستگاه شماره 10 در مسیر یادگیری CSS را یاد بگیرید ، است.