سبد (0)

خصوصیت font-family

مثال (خصوصیت 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"

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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

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


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

مقدار توضیحات نمایش دادن
family-name
generic-family
یک لیست دارای اولیت از نام فونتها یا فونت های مشابه را مشخص می کند. نمایش دادن »
inherit تعیین می کند که نام فونت باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

CSS Font (بیاموز CSS3)

font property (بیاموز CSS)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه