CSS font-family

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

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

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

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

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

نصيحة:افصل كل قيمة بفاصلة، وتأكد من تقديم اسم الفئة كخيار أخير دائمًا.

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

انظر أيضًا:

دليل CSS التعليماتkalmomi ƙiranti

دليل CSSCSS font

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

مثال

تعيين خط النص للجملة:

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

جرب بنفسك

نحو CSS

font-family: اسم-عائلة|عائلة-جينيريك|مبدئي|توريث;

قيمة الخاصية

القيمة الوصف
  • اسم-عائلة
  • عائلة-جينيريك

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

القيمة الافتراضية: تعتمد على المتصفح.
توريث يحدد هذا النص كيفية وراثة سلسلة الخطوط من العنصر الأم.

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

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

TIY مثال

تعيين خط النص
هذا المثال يوضح كيفية تعيين خط النص.

دعم المتصفح

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

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