خصوصیت font-family
مثال (خصوصیت font-family)
مشخص کردن فونت یک پاراگراف:
{
font-family:"Times New Roman",Georgia,Serif;
}
تعریف و کاربرد
با استفاده از خاصیت font-family می توانیم فونت مربوط به یک عنصر تنظیم کنیم.
خاصیت font-family می تواند چندین نام فونت را در خود به عنوان رزرو نگه دارد. اگر مرورگر از اولین فونت پشتیبانی نکرد، فونت بعدی را امتحان می کند.
به طور کلی دو نوع نام برای font-family وجود دارد:
- family-name: در این روش باید نام یک Font را مشخص کنیم (مانند Tahoma,Arial)
- generic-family: یک گروه از Fontهایی که شبیه یکدیگرند (مانند Serif,Monospase)
در تخصیص نام فونت، ابتدا از فونتهایی که خودتان مد نظر دارید استفاده کنید و در انتها همیشه از فونت های مشابه استفاده کنید، در این ثورت مرورگر، اگر فونت های مد نظر شما را در دسترس نداشت حتما از فونت های مشابه که در تخصیص ذکر شده است، استفاده می کند.
توجه: مقادیر را با کاما از همدیگر جدا نمایید.
توجه: اگر نام فونت حاوی خط فاصله بود، حتما باید در کوتیشن نوشته شود. تک کوتیشن هنگام استفاده از خاصیت style در تگ های html ضروری است.
| مقدار پیشفرض | مشخص نشده |
|---|---|
| ارث بری | بله |
| نسخه | CSS1 |
| JavaScript ساختار | object.style.fontFamily="arial,sans-serif" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت font-family را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، تنظیم چند پس زمینه برای یک عنصر را پشتیبانی نمی کند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| family-name generic-family |
یک لیست دارای اولیت از نام فونتها یا فونت های مشابه را مشخص می کند. | نمایش دادن » |
| inherit | تعیین می کند که نام فونت باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Font (بیاموز CSS3)
font property (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 9204