آموزش ویژگی font-style در CSS

از ویژگی font-style بیشتر برای مشخص کردن متن ایتالیک(italic text) استفاده می شود. این ویژگی سه مقدار دارد:

1.  normal : با استفاده از این مقدار، متن به صورت نرمال نشان داده می شود.
2. italic : با استفاده از این مقدار، متن به صورت ایتالیک(کج) نشان داده می شود.
3. oblique : با استفاده از این مقدار، متن دارای انحراف(leaning) می شود( oblique بسیار شبیه به italic است اما کمتر پشتیبانی می شود).

p.normal {
  font-style: normal;
}

p.italic {
  font-style: italic;
}

p.oblique {
  font-style: oblique;
}

وزن فونت(Font Weight)

ویژگی font-weight، وزن(ضخامت) یک فونت را مشخص می کند:

p.normal {
  font-weight: normal;
}

p.thick {
  font-weight: bold;
}

ویژگی Font Variant

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

p.normal {
  font-variant: normal;
}

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