CSS – فونت‌های جایگزین (Font Fallbacks)

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

۱. فونت‌های Serif (سریف)

این دسته شامل فونت‌هایی است که دارای خطوط کوچک در انتهای حروف هستند.

  • “Times New Roman”, Times, serif
font-family: "Times New Roman", Times, serif;
  • Georgia, serif
font-family: Georgia, serif;
  • Garamond, serif
font-family: Garamond, serif;

۲. فونت‌های Sans-serif (بدون سریف)

فونت‌هایی که دارای خطوط تمیز و بدون تزئینات هستند.

  • Arial, Helvetica, sans-serif
font-family: Arial, Helvetica, sans-serif;
  • Tahoma, Verdana, sans-serif
font-family: Tahoma, Verdana, sans-serif;
  • “Trebuchet MS”, Helvetica, sans-serif
font-family: "Trebuchet MS", Helvetica, sans-serif;
  • Geneva, Verdana, sans-serif
font-family: Geneva, Verdana, sans-serif;

۳. فونت‌های Monospace (تک‌فاصله‌ای)

در این دسته، همه حروف با عرض یکسان نمایش داده می‌شوند.

  • “Courier New”, Courier, monospace
font-family: "Courier New", Courier, monospace;

۴. فونت‌های Cursive (دست‌نویس)

فونت‌هایی که تقلید دست‌نویس انسان هستند.

  • “Brush Script MT”, cursive
font-family: "Brush Script MT", cursive;

۵. فونت‌های Fantasy (فانتزی)

فونت‌های تزئینی که بیشتر برای طراحی‌های غیررسمی و بازیگوشانه استفاده می‌شوند.

  • Copperplate, Papyrus, fantasy
font-family: Copperplate, Papyrus, fantasy;

نکته: استفاده از فونت‌های پشتیبان کمک می‌کند تا در صورت عدم موجودیت فونت اصلی، متن همچنان به خوبی نمایش داده شود. همچنین می‌توانید از Google Fonts نیز برای انتخاب و استفاده از فونت‌های متنوع و باکیفیت استفاده کنید.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.