تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی فونت های متغیر در CSS

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

1 ساعت 3 دقیقهمتوسط2019-12-10

مدرسین

Morten Rand-Hendriksen

Morten Rand-Hendriksen

Senior Staff Instructor, Speaker, Web Designer, and Software Developer

جزئیات دوره

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

اهداف یادگیری
فونت های متغیر چیست؟
محورهای تغییرات وزن، عرض، مایل و مورب
ایجاد محورهای تغییر سفارشی برای فونت های متغیر
اضافه کردن یک فونت متغیر
با استفاده از ویژگی 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 - ممنون، جالب بود

دوره های مرتبط

مسیرهای مرتبط

درباره ما

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

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal