نوع شهره‌های CSS

نوع فونت

font-style این ویژگی معمولاً برای指定 متن شکسته استفاده می‌شود.

این ویژگی می‌تواند سه مقادیر را تنظیم کند:

  • normal - نمایش متن به صورت عادی
  • italic - متن به صورت شکسته نمایش داده می‌شود
  • oblique - متن به حالت مایل (مایل و شکسته بسیار مشابه هستند، اما پشتیبانی کمتری دارند)

مثال

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

آزمایش کنید

خشک بودن فونت

font-weight ویژگی مشخص می‌کند که چگونگی خشک بودن فونت است:

مثال

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

آزمایش کنید

تغییر فونت

font-variant ویژگی مشخص می‌کند که آیا متن با استفاده از فونت small-caps (حروف کوچک بزرگ) نمایش داده می‌شود یا خیر.

در فونت small-caps، تمام حروف کوچک به حروف بزرگ تبدیل می‌شوند. اما، اندازه حروف بزرگ پس از تبدیل کوچکتر از اندازه حروف بزرگ اصلی در متن است.

مثال

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

آزمایش کنید