خصائص عائلة الخط CSS font-family

التعريف والاستخدام

يحدد font-family سلسلة الخط للعنصر.

يمكن لـ font-family أن تستخدم عدة أسماء خطوط كنظام "تراجيدي" لتخزينها. إذا لم يدعم المتصفح الخط الأول، سيحاول التالي. أي أن قيمة خاصية font-family هي جدول ترتيب الأولويات لعائلة الخط أو/والاسم الجماعي للخط المستخدم للعنصر.

هناك نوعان من أسماء عائلات الخط:

  • أسماء سلسلة المحددة: اسم الخط المحدد، مثل "times"، "courier"، "arial".
  • أسماء عائلات الخط العادية: مثل "serif"، "sans-serif"، "cursive"، "fantasy"، "monospace"

إشارة:افصل كل قيمة بفاصلة، وقدم دائمًا اسم جماعي كخيار أخير.

ملاحظة:اعتماد سلسلة الخط المحددة (Geneva) يعتمد على توفر هذه السلسلة على جهاز المستخدم؛ لا تعطي هذه الخاصية أي إشارة إلى تحميل الخط. لذلك، يُنصح بشدة باستخدام اسم سلسلة خط عام كخيار احتياطي.

انظر أيضًا:

دليل CSSحروف CSS

دليل CSSخصائص الخط CSS font

دليل HTML DOMخصائص الخط

مثال

تعيين خط النص للفقرة:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

جرب بنفسك

جملة CSS

font-family: family-name|generic-family|initial|توريث;

قيمة الخاصية

القيمة الوصف
  • family-name
  • generic-family

جدول ترتيب الأولويات لاسم عائلة الخط أو/والاسم الجماعي للخط المستخدم لعدد معين من العناصر.

القيمة الافتراضية: تعتمد على المتصفح.
توريث يحدد أن يجب منح سلسلة النص من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: لم يتم تحديد
التنسيق: نعم
الإصدار: CSS1
جافا سكربت الجملة: object.style.fontFamily="arial,sans-serif"

TIY مثال

تعيين خط النص
هذا المثال يظهر كيفية تعيين خط النص.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5