خصوصیت font-family

مثال

مشخص کردن فونت یک پاراگراف:

p
{
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 تعيين مي کند که نام فونت بايد از والدش، ارث بري داشته باشد.