سبک فونت (Font Style) در CSS
ویژگی «سبک فونت (Font Style)» در CSS ظاهر متن را مشخص می کند. بنابراین با تعیین مقادیر مناسب، متن خواناتر می شود. همچنین می توانید وزن و واریانت را کنترل کنید تا تایپوگرافی یکدست تری بسازید.
CSS font-style
ویژگی font-style
سبک نمایش متن را تنظیم می کند و یکی از مقادیر زیر را می پذیرد:
normal
— نمایش عادیitalic
— نمایش ایتالیکoblique
— متن کج شده (بسیار مشابه ایتالیک)
p.normal { font-style: normal; }
p.italic { font-style: italic; }
p.oblique { font-style: oblique; }
CSS font-weight
ویژگی font-weight
تعیین می کند حروف چقدر نازک یا ضخیم نمایش داده شوند.
normal
— حالت پیش فرضbold
— ضخیمbolder
— ضخیم ترlighter
— نازک تر100–900
— از نازک تا ضخیم؛400
معادلnormal
و700
معادلbold
p.normal { font-weight: normal; }
p.light { font-weight: lighter; }
p.thick { font-weight: bold; }
p.thicker{ font-weight: 900; }
CSS font-variant
ویژگی font-variant
مشخص می کند متن با حروف «کوچک-بزرگ» (small-caps) نمایش داده شود یا خیر.
p.normal { font-variant: normal; }
p.small { font-variant: small-caps; }
نکات تکمیلی سبک فونت
نکته: اگر فونت اصلی در دسترس نیست، فهرست fallback را در font-family
بنویسید تا نمایش متن پایدار بماند.
سبک فونت بخشی از خانواده تنظیمات تایپوگرافی است؛ برای ادامه مسیر، به فونت های جایگزین و تعیین اندازه به اندازه فونت مراجعه کنید. همچنین مرور کلی را در راهنمای فونت ها ببینید.
هشدار: استفاده افراطی از italic
یا وزن های خیلی سنگین می تواند خوانایی را کاهش دهد؛ بنابراین با احتیاط و تست در دستگاه های مختلف اقدام کنید.