خصوصیت font-family

تعریف و کاربرد

با استفاده از خاصیت font-family می توانیم فونت مربوط به یک عنصر تنظیم کنیم.

خاصیت font-family  می تواند چندین نام فونت را در خود به عنوان رزرو نگه دارد. اگر مرورگر از اولین فونت پشتیبانی نکرد، فونت بعدی را امتحان می کند.

به طور کلی دو نوع نام برای font-family وجود دارد:

• family-name: در این روش باید نام یک Font را مشخص کنیم (مانند Tahoma,Arial)
• generic-family: یک گروه از Fontهایی که شبیه یکدیگرند (مانند Serif,Monospase)

در تخصیص نام فونت، ابتدا از فونتهایی که خودتان مد نظر دارید استفاده کنید و در انتها همیشه از فونت های مشابه استفاده کنید، در این ثورت مرورگر، اگر فونت های مد نظر شما را در دسترس نداشت حتما از فونت های مشابه که در تخصیص ذکر شده است، استفاده می کند.

توجه: مقادیر را با کاما از همدیگر جدا نمایید.

توجه: اگر نام فونت حاوی خط فاصله بود، حتما باید در کوتیشن نوشته شود. تک کوتیشن هنگام  استفاده از خاصیت style در تگ های html ضروری است.

پشتیبانی مرورگرها

تمام مرورگرهای اصلی، خصوصیت font-family را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، تنظیم چند پس زمینه برای یک عنصر را پشتیبانی نمی کند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت