CSS – استایل فونت (Font Style)
Last Update:
1.Font Style
خصوصیت font-style
عمدتاً برای مشخص کردن متن ایتالیک استفاده میشود. این خصوصیت سه مقدار دارد:
- normal: متن به صورت عادی نمایش داده میشود.
- italic: متن به صورت ایتالیک نمایش داده میشود.
- oblique: متن به صورت متمایل نمایش داده میشود (متمایل به ایتالیک شبیه است، اما کمتر پشتیبانی میشود).
مثال:
p.normal {
font-style: normal;
}
p.italic {
font-style: italic;
}
p.oblique {
font-style: oblique;
}
2.Font Weight
خصوصیت font-weight
وزن یک فونت را مشخص میکند. این خصوصیت میتواند به مقادیر زیر تنظیم شود:
- normal: وزن معمولی فونت.
- bold: فونت به صورت ضخیم نمایش داده میشود.
مثال:
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
3.Font Variant
خصوصیت font-variant
مشخص میکند که آیا متن باید به صورت فونت کوچککاپ نمایش داده شود یا خیر. در فونت کوچککاپ، تمام حروف کوچک به حروف بزرگ تبدیل میشوند، اما حروف بزرگ تبدیل شده در اندازه کوچکتری نسبت به حروف بزرگ اصلی نمایش داده میشوند.
مثال:
p.normal {
font-variant: normal;
}
p.small {
font-variant: small-caps;
}
نتیجهگیری
استفاده از این خصوصیات به شما این امکان را میدهد که متنهای خود را به گونهای زیبا و قابل خواندن تر طراحی کنید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام