تكامل النمط والسماكة بالنصوص | أشكال الخطوط في لغة CSS

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

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

يمنحك الجمع المتزن بين الخصائص الثلاث تحكماً كاملاً في نبرة النص دون إثقال وسوم HTML؛ فاستخدم font-variant: small-caps; للشارات الإنجليزية العلوية، وخصّص font-style: italic; للمراجع اللاتينية، واعتمد في النصوص العربية على تباين السماكة الحقيقية 600 أو 700 مع تباين لوني هادئ لإبراز المفاهيم المحورية بأعلى درجات النقاء.

الصف 2 كود برمجي

CSS

.kicker {
  font-variant: small-caps;
  font-weight: 700;
}
.key-term {
  font-weight: 700;
  font-style: normal;
  color: #5b3894;
}

جرّب بنفسك

الصف 3 ملاحظة هامة

الصف 4 ملاحظة هامة

خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس ضبط استقامة وإمالة الحروف بخاصية font-style، وتدرج السماكة القياسي من 100 إلى 900 بخاصية font-weight، وتفعيل الأحرف اللاتينية المصغرة عبر font-variant: small-caps;، مع وقاية النصوص العربية من التسميك الصناعي والإمالة القسرية. الخطوة التالية: انتقل الآن إلى درس «اختصار خصائص font في لغة CSS» لدمج خصائص الخط كاملةً في تصريح واحد مختصر ودقيق.

Combining Font Style and Weight تكامل النمط والسماكة بالنصوص

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

ملخص الدرس

ماذا تعلّمت في هذا الدرس؟

جميع فقرات هذا الدرس (أشكال الخطوط في لغة CSS)