در CSS میتوانید با استفاده از ویژگی shorthand به نام font تمام ویژگیهای مربوط به فونت را به صورت مختصر در یک دستور تعریف کنید. این ویژگی shorthand شامل موارد زیر است:
- font-style (حالت فونت: مانند italic یا normal)
- font-variant (تنوع فونت: مانند small-caps)
- font-weight (وزن فونت: مانند bold یا normal)
- font-size/line-height (اندازه فونت و ارتفاع خط)
- font-family (نوع فونت)
نکته:
مقدارهای font-size و font-family الزامی هستند و اگر مقادیر دیگر ارائه نشوند، مقادیر پیشفرض آنها استفاده میشوند.
مثالها
مثال ۱:
تنظیم چندین ویژگی فونت با استفاده از font:
p.a {
font: 20px Arial, sans-serif;
}در اینجا:
- اندازه فونت: 20px
- نوع فونت: Arial، به همراه fallback sans-serif
مثال ۲:
استفاده از فونت با ویژگیهای بیشتر:
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}در اینجا:
- حالت فونت: italic
- تنوع فونت: small-caps
- وزن فونت: bold
- اندازه فونت: 12px
- ارتفاع خط: 30px
- نوع فونت: Georgia، به همراه fallback serif
این روش نوشتاری باعث کوتاهتر شدن کدها و مدیریت آسانتر تنظیمات فونت میشود.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام