من هنا ستتعلم كل خصائص الخطوط المتعلقة بـ CSS في البدايه سوف أتحدث عن font-family – تحديد انواع الخطوط المستعملة

الخاصية font-family

تعتبر الخاصية font-family من اهم الخصائص المعروفة وهي خاصية لاضافة نوع خط او انواع خطوط معينة يمكنك استخدامها ضمن مستندات HTML فطريقة كتابتها سهلة ولها اكثر من قيمة تعالوا نتعرف عليها .
تكتب هذه الخاصية بطريقة التالية :

[html] .testfont {
font-family: Arial;
}
[/html]

معاينة الشيفرة 
لاحظ اننا حددنا نوع الخطوط واخترنا القيمة Arial يمكنك اختيار الكثير من الخطوط المدعومة على المتصفحات ويمكنك مشاهدة انواع الخطوط التي تدعمها المتصفحات كما يجب ان تعرف بأنه بامكانك اضافة عدة خطوط وتستخدم هذه الحالة ونفضلها لانه من الممكن ان يكون الخط غير مدعوم بالمتصفح فلذلك ينتقل للخط التالي وياخذه كمثال

[html] .testfont {
font-family: Arial, Tahoma, sans-serif;
}
[/html]

يتوجب فصل الخط بالفاصلة ووضع الخطوط بهذه الطريقة لكي نوفر امكانية تامة للمتصفح لانه من الممكن هناك متصفحات لاتدعم الخط Arial لذلك سيذهب للخط Tahoma وان لم يجد Tahoma سيتوجه للخط sans-serif وهكذا ويمكنك وضع عدد لانهائي من الخطوط لكن يفضل كحد اقصى وضع خمس خطوط الى ثلاث خطوط .
ملاحظة هامة
اذا كان اسم الخط يحوي مسافات كمثال الخط Times New Roman يتوجب وضعه بين علامات التنصيص المزدوجة كالتالي “Times New Roman” اي شاهد المثال

[html] .testfont {
font-family: Arial,Tahoma,"Times New Roman",sans-serif,"Palatino Linotype";
}
[/html]