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 پشتیبانی می کنند.