font Property
ویژگی کوتاه نویسی font در CSS می تواند مواردی همچون خانواده فونت، استایل، وزن و سایز فونت را مشخص کند.
ویژگی font شامل تمام ویژگیهای زیر است:
- font-style
- font-variant
- font-weight
- font-size
- font-family
نحوه نوشتار
font: italic normal bold 1.5rem tahoma font: font-style | font-variant | font-weight | font-size | font-family
ترتیب نوشتار که در بالا آمده است ضروریست و باید رعایت شود.
مقادیر
font-style
استایل فونت را مشخص می کند. مقدار پیشفرض normal است.
font-variant
نوع نوشتار با حروف انگلیسی را مشخص می کند. مقدار پیشفرض normal است. این ویژگی برای حروف فارسی کاربرد ندارد.
font-weight
ضخامت یا به اصطلاح وزن فونت را مشخص می کند. مقدار پیشفرض normal است.
font-size / line-height
اندازه فونت و ارتفاع خط نوشتاری (فاصله بین خطوط) را مشخص می کند. مقدار پیشفرض normal است.
font-family
خانواده فونت را مشخص می کند. مقدار پیشفرض آن بستگی به مرورگر دارد.
نکته: مشخص کردن مقدار برای دو ویژگی font-size و font-family ضروریست اما اگر برای موارد دیگر مقداری داده نشود، مقادیر پیشفرض به آنها اختصاص خواهند یافت.
در مثال زیر نحوه عملکرد این ویژگی را میبینیم:
html
<p class="style1">
لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی
در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.
</p>
<hr />
<p class="style2">
لورم ایپسوم یا طرح‌نما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بی‌معنی
در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود.
</p>
css
body {
direction: rtl;
}
.style1 {
font: italic normal bold 23px tahoma;
}
.style2 {
font: normal normal 500 1.3rem "Segoe UI";
}
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی CSS پشتیبانی می کنند.
