دليل CSS

قواعد CSS (RULES)

موسوعة خاصيات CSS

طريقة استخدام خاصية font-family CSS و مثال

يستخدم خاصية font-family CSS لضبط خط النص للعناصر. يجب أن تحتوي خاصية font-family على عدة أسماء خطوط كنظام دفاعي. يبدأ أولاً بالخط المطلوب، ثم يستخدم الخط الدفاعي بالترتيب عند عدم توفر الخط المطلوب.

يجب أن تستخدم عائلة حروف عامة لإنهاء هذا القائمة، وتحتوي على 5 خطوط مثل: arial, sans-serif, monospace, cursive, fantasy. الجدول أدناه يوضح استخدام خاصية هذه الوسيلة وتاريخ الإصدارات، بالإضافة إلى استخدام هذه الخاصية في لغة الجافا سكربت. monospacecursive

القيمة الافتراضية:	يعتمد على المتصفح
تطبيقها:	جميع العناصر
الوراثة:	نعم
يمكن تحريكه:	لايرجى الرجوع إلى خصائص الرسوم المتحركة。
الإصدار:	CSS 1،2،3
نحو JavaScript	object.style.fontFamily="arial,sans-serif"

نحو استخدام font-family

نحو خاصية هذا هو كما يلي:

font-family: [ اسم العائلة | عائلة عامة ] [, اسم العائلة | عائلة عامة ] زوج واحد أو أكثر | الأولي | الوراثي

النموذج التوضيحي أدناه يظهر كيفية استخدام خاصية font-family.

مثال

　　body　{
　　　font-family: Arial, Helvetica, sans-serif;
　　}
　　h1　{
　　　font-family: "Times New Roman", Times, serif;
　　}

التحقق من <‹/›

ملاحظة:إذا كان اسم سلسلة الخطوط يتجاوز كلمة واحدة، فيجب وضعها في أقواس مزدوجة، مثل font-family: "Times New Roman", Serif; إلخ.

للخطوط الم组合ة الأكثر شيوعًا، يرجى الرجوع إلىخطوط الأمان CSS。

قيمة الصفة

يصف الجدول أدناه قيمة هذه الصفة.

القيمة	وصف
family-name	اسم سلسلة الخطوط. على سبيل المثال "Times" و "Helvetica". يجب وضع الأسماء التي تحتوي على مسافات بين الكلمات في أقواس مزدوجة. على سبيل المثال "Times New Roman", Serif; إلخ.
generic-family	عندما لا يمكن استخدام اختيار الخط المطلوب، يمكن استخدام السلسلة الشاملة للخطوط كوسيلة للتراجع العادية. نظرًا لأن اسم الخط الشامل هو كلمة مفتاحية، لا يمكن استخدام الأقواس المزدوجة حوله. السلسلة الشاملة للخطوط يجب أن تكون الخيار الأخير في قائمة اسم السلسلة للخطوط. تم تعريف السلسلة التالية: serif (مثل Times) sans-serif (مثل Arial) cursive (مثل Zapf-Chancery) fantasy (مثل Western) monospace (مثل Courier) تعرف علىمجموعة الخطوطالمزيد من المعلومات.
initial	إعداد هذه الصفة إلى قيمتها الافتراضية.
inherit	إذا تم تحديد هذا، فإن العنصر المرتبط يستخدم قيمة صفة font-family للعنصر الأم.

توافق المتصفحات

توافق المتصفحات للصفة font-family: في جدول أدناه، الأرقام تعبر عن إصدار المتصفح الأدنى الذي يدعم الصفة؛ يدعم جميع المتصفحات الرئيسية هذه الصفة.

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ Opera 3.5+

قراءة المزيد

يرجى الرجوع إلى التعليمات التالية:خط CSS،نص CSS。

خصائص وقواعد مرتبطة:font،font-style،font-variant،font-weight،font-size،
line-height،@font-face。

خصائص حجم الخط CSS خصائص الخط CSS