ویژگی font-family CSS
- صفحه قبل @font-face
- صفحه بعدی font-feature-settings
تعریف و استفاده
font-family خانواده‌های فونت عناصر را تعیین می‌کند.
font-family می‌تواند چندین نام فونت را به عنوان یک سیستم "بازگشت به پیش‌فرض" ذخیره کند. اگر مرورگر اولین فونت را پشتیبانی نمی‌کند، به فونت بعدی خواهد رفت. به این معنا که مقدار font-family ویژگی برای یک عنصر یک جدول اولویتی از نام خانواده‌های فونت یا/و نام‌های گروه فونت است. مرورگر از اولین مقدار قابل تشخیص استفاده خواهد کرد.
دو نوع نام خانواده‌های فونت وجود دارد:
- نام‌های سری: نام خاص فونت، مانند: "times"،"courier"،"arial"
- معمولاً نام خانواده‌های فونت: مانند: "serif"،"sans-serif"،"cursive"،"fantasy"،"monospace"
نکته:با استفاده از کاما هر مقدار را جدا کنید و همیشه یک نام گروه فونت به عنوان انتخاب آخر ارائه دهید.
توجه:استفاده از یک خانواده فونت خاص (Geneva) کاملاً بستگی به اینکه آیا این خانواده فونت در دستگاه کاربر موجود است یا خیر دارد؛ این ویژگی هیچگونه دستور برای دانلود فونت را ندارد. بنابراین، توصیه می‌شود از یک نام خانواده فونت عمومی به عنوان راه‌حل جایگزین استفاده کنید.
لطفاً به:
آموزش CSS:شриф CSS
دستورالعمل CSS:ویژگی font CSS
دستورالعمل HTML DOM:ویژگی font
قوانین CSS
font-family: family-name|generic-family|initial|erbانی;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
|
یک جدول اولویتی از نام خانواده‌های فونت یا/و نام‌های گروه فونت برای یک عنصر خاص است. مقدار پیش‌فرض: بستگی به مرورگر دارد. |
| erbانی | این باید از عنصر والد به خانواده‌های حروفی ارث برسد. |
جزئیات فنی
| مقدار پیش‌فرض: | محدود نشده |
|---|---|
| erbانی: | بله |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | آبجکت.style.fontFamily="arial,sans-serif" |
مثال عملی TIY
- تنظیم فونت متن
- این مثال نحوه تنظیم فونت متن را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را کامل پشتیبانی می‌کنند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبل @font-face
- صفحه بعدی font-feature-settings
