CSS – شورت‌هند فونت (Font Shorthand)

در CSS می‌توانید با استفاده از ویژگی shorthand به نام font تمام ویژگی‌های مربوط به فونت را به صورت مختصر در یک دستور تعریف کنید. این ویژگی shorthand شامل موارد زیر است:

  • font-style (حالت فونت: مانند italic یا normal)
  • font-variant (تنوع فونت: مانند small-caps)
  • font-weight (وزن فونت: مانند bold یا normal)
  • font-size/line-height (اندازه فونت و ارتفاع خط)
  • font-family (نوع فونت)

نکته:

مقدارهای font-size و font-family الزامی هستند و اگر مقادیر دیگر ارائه نشوند، مقادیر پیش‌فرض آن‌ها استفاده می‌شوند.

مثال‌ها

مثال ۱:

تنظیم چندین ویژگی فونت با استفاده از font:

p.a {
  font: 20px Arial, sans-serif;
}

در اینجا:

  • اندازه فونت: 20px
  • نوع فونت: Arial، به همراه fallback sans-serif

مثال ۲:

استفاده از فونت با ویژگی‌های بیشتر:

p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

در اینجا:

  • حالت فونت: italic
  • تنوع فونت: small-caps
  • وزن فونت: bold
  • اندازه فونت: 12px
  • ارتفاع خط: 30px
  • نوع فونت: Georgia، به همراه fallback serif

این روش نوشتاری باعث کوتاه‌تر شدن کدها و مدیریت آسان‌تر تنظیمات فونت می‌شود.

Related posts

Don't miss reading these posts!
JavaScript - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

Read more
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

Read more
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

Read more

Comments

Share your comments with us

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