دوره آموزشی فونت های متغیر در CSS
1 ساعت 3 دقیقهمتوسط2019-12-10
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
تایپوگرافی دیجیتال مدتهاست که نوید انعطافپذیری چشمگیر را داده است، اما فقط تا حدی آن را ارائه کرده است. بله، فونتهایی که تغییر اندازه میدهند عادی شدهاند، و ما یاد گرفتهایم که در یک خانواده انتظار تغییرات متعدد را داشته باشیم، اما تعیین دقیق ترکیبها دشوار است. فونتهای جدید و مشخصات CSS جدید این را تغییر میدهند، اما به توسعهدهندگان اجازه میدهند تا محورهای زیادی را فراتر از اندازه قلم مشخص کنند. اکنون ایجاد صفحات جذاب و متنوع با استفاده از تنها یک فونت به عنوان پایه بسیار ساده تر است. در این دوره، Morten Rand-Hendriksen نحوه استفاده از فونتهای متغیر را برای ایجاد طرحها با حفظ استفاده کارآمد از پهنای باند نشان میدهد. اصول اولیه فونت های متغیر - که به شما امکان می دهد یک فایل فونت را دانلود کنید و آن را در صورت نیاز تغییر دهید - و همچنین نحوه استفاده از آنها در عمل و پشتیبانی از سازگاری با عقب را بررسی کنید.
اهداف یادگیری
فونت های متغیر چیست؟
محورهای تغییرات وزن، عرض، مایل و مورب
ایجاد محورهای تغییر سفارشی برای فونت های متغیر
اضافه کردن یک فونت متغیر
با استفاده از ویژگی font-variation-settings
استفاده از ویژگی های سفارشی برای یک ظاهر طراحی راحت تر
طراحی تایپوگرافی در مرورگر
ارائه فونت های بازگشتی برای مرورگرهای قدیمی
اهداف یادگیری
فونت های متغیر چیست؟
محورهای تغییرات وزن، عرض، مایل و مورب
ایجاد محورهای تغییر سفارشی برای فونت های متغیر
اضافه کردن یک فونت متغیر
با استفاده از ویژگی font-variation-settings
استفاده از ویژگی های سفارشی برای یک ظاهر طراحی راحت تر
طراحی تایپوگرافی در مرورگر
ارائه فونت های بازگشتی برای مرورگرهای قدیمی
مهارت ها
CSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - فونتهای متغیر - مقدمه
1. فونتهای متغیر - تصویر بزرگ
- 02 - فونتهای متغیر چیست؟
- 03 - چند نمونه از فونتهای متغیر
2. فونتهای متغیر - اصول
- 04 - محور تغییرات
- 05 - تنوع - وزن
- 06 - تنوع - عرض
- 07 - تنوع - اندازه نوری
- 08 - تنوع - شیب
- 09 - واریاسیون - کج
- 10- از ابزارهای مرورگر برای کشف محورها استفاده کنید
- 11 - محورهای تغییرات سفارشی
2. فونتهای متغیر در عمل
- 12 - یک فونت متغیر اضافه کنید
- 13 - فونتهای متغیر را با استفاده از ویژگیهای قدیمی سبک کنید
- 14 - از ویژگی font-variation-settings استفاده کنید
- 15 - تعامل بین محورهای تغییرات
- 16 - از ویژگیهای سفارشی برای استایل راحت تر استفاده کنید
- 17 - تایپوگرافی را در مرورگر طراحی کنید
3. سازگاری با عقب
- 18 - پشتیبانی فعلی مرورگر
- 19 - ارائه پسوردهای مناسب
نتیجه
- 20 - ممنون، جالب بود
دوره های مرتبط
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی CSS برای توسعهدهندگان
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی آن را تمرین کن: طرح بندی CSS