انتقل إلى محتوى الدرس

Font Weight Keywords and Numbers سماكة الخط بخاصية font-weight

تحكم في أشكال الخطوط بلغة CSS عبر خصائص font-style و font-weight و font-variant لضبط الإمالة وأوزان السماكة والأحرف المصغرة مع حماية الخطوط العربية من التشوه الصناعي.
3 صفوف تعليمية
لغة CSS
5,523 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تتحكم خاصية font-weight في درجة ثقل الحروف وسماكة خطوطها. ويمكنك كتابتها بالكلمات الدلالية normal و bold والكلمتين النسبيتين للأب bolder و lighter، أو عبر المقياس الرقمي القياسي المجرد من الوحدات من 100 حتى 900:

القيمة الرقميةالتسمية المطبعية القياسيةالمكافئ الكلمي في CSS
100 / 200رفيع جداً (Thin / Extra-Light)—
300خفيف (Light)—
400عادي (Regular)normal (الوزن الافتراضي للمتن)
500 / 600متوسط / شبه عريض (Medium / Semi-Bold)— (مثالي للأزرار والعناوين الفرعية)
700عريض (Bold)bold (الافتراضي للعناوين و <strong>)
800 / 900عريض جداً / داكن (Extra-Bold / Black)—
الصف 2 كود برمجي
CSS
.light-sub {
  font-weight: 400;
}
.semi-label {
  font-weight: 600;
}
.heavy-title {
  font-weight: 700;
}
الصف 3 ملاحظة هامة