خاصية عائلة الخطوط في CSS
مثال
حدد الخط لفقرتين:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
التعريف والاستخدام
تحدد الخاصية خط font-family
العنصر.
يمكن font-family
للخاصية الاحتفاظ بأسماء خطوط متعددة كنظام "احتياطي". إذا كان المستعرض لا يدعم الخط الأول ، فإنه يحاول الخط التالي.
هناك نوعان من أسماء عائلة الخطوط:
- اسم العائلة - اسم عائلة الخطوط ، مثل "الأوقات" ، "البريد السريع" ، "أريال" ، إلخ.
- generic-family - اسم عائلة عامة ، مثل "serif" و "sans-serif" و "cursive" و "fantasy" و "monospace".
ابدأ بالخط الذي تريده ، وانتهي دائمًا بالعائلة العامة ، للسماح للمتصفح باختيار خط مشابه في العائلة العامة ، في حالة عدم توفر خطوط أخرى.
ملاحظة: افصل بين كل قيمة بفاصلة.
ملاحظة: إذا كان اسم الخط يحتوي على مسافة بيضاء ، فيجب ذكره. يجب استخدام علامات الاقتباس المفردة عند استخدام سمة "النمط" في HTML.
القيمة الافتراضية: | يعتمد على المتصفح |
---|---|
وارث: | نعم |
متحرك: | رقم. اقرأ عن animatable |
الإصدار: | CSS1 |
بناء جملة JavaScript: | object .style.fontFamily = "Verdana، sans-serif" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بنية CSS
font-family: family-name|generic-family|initial|inherit;
قيم الملكية
Value | Description | Play it |
---|---|---|
family-name generic-family |
A prioritized list of font family names and/or generic family names | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
الصفحات ذات الصلة
برنامج CSS التعليمي: CSS Font
مرجع CSS: خاصية الخط
مرجع DOM HTML: خاصية fontFamily