ویژگی fontFamily Style
- صفحه قبلی font
- صفحه بعدی fontSize
- بازگشت به سطح بالاتر شیء Style HTML DOM
تعریف و استفاده
fontFamily ویژگی‌ای است که لیستی از نام خانواده فونت (font-family) و/یا نام‌های سریع عمومی (generic-family) برای متن عناصر را تنظیم یا بازمی‌گرداند.
مرورگر از اولین مقداری که می‌تواند تشخیص دهد استفاده خواهد کرد.
دو نوع مقدار font-family وجود دارد:
- font-family: نام خانواده فونت، مانند "verdana" یا "arial"
- generic-family: نام خانواده فونت عمومی، مانند "serif" یا "sans-serif"
توضیحات
لطفاً همیشه نام‌های سریع عمومی را به عنوان انتخاب آخر مشخص کنید!
لطفاً هر مقدار را با کاما جدا کنید.
اگر نام خانواده فونت شامل فضاست، باید آن را در قوس‌های علامت‌گذاری کنید.
لطفاً به فونت‌های امن وب، برای اطلاع از ترکیب‌های عمومی فونت مراجعه کنید.
لطفاً به
آموزش CSSفونت CSS
دستورالعمل CSSویژگی font-family
دستورالعمل HTML DOMویژگی font
مثال
مثال 1
تنظیم فونت <p> عناصر:
document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
مثال 2
آموزش به ارزش‌های ممکن:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;
مثال 3
بازگشتی از فونت <p> عناصر:
alert(document.getElementById("myP").style.fontFamily);
نحوه استفاده
بازگشتی از ویژگی fontFamily:
object.style.fontFamily
تنظیم ویژگی fontFamily:
object.style.fontFamily = "font1, font2...|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| font1, font2... | لیستی از نام‌های خانواده فونت و/یا نام‌های سریع عمومی به صورت جداگانه با کاما. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | تعریف نشده است |
|---|---|
| مقدار بازگشتی: | رشته‌ای است که نام فونت متن عناصر را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی font
- صفحه بعدی fontSize
- بازگشت به سطح بالاتر شیء Style HTML DOM
