شرح صفوف ومحتوى الفقرة
في المواقع ثنائية اللغة التي تعتمد على خطوط النظام المحلية، تحتاج سلسلة الخطوط إلى عناية تضمن تناسق الحروف العربية والإنجليزية معاً؛ فالخطوط اللاتينية الكلاسيكية مثل "Times New Roman" غالباً ما تسقط في العربية إلى خطوط تقليدية دقيقة ترهق العين على الشاشات الصغيرة، بينما تمنحك السلسلة الحديثة system-ui, "Segoe UI", Tahoma, Arial, sans-serif وضوحاً ممتازاً في اللغتين معاً.
body {
font-family: system-ui, "Segoe UI",
Tahoma, Arial, sans-serif;
font-size: 1.125rem;
line-height: 1.8;
}ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس توظيف خاصية font-family ووراثتها الشاملة، وميزت بين العائلات العامة الخمس وعلى رأسها sans-serif و monospace و system-ui، وعرفت قاعدة تنصيص الأسماء المركبة مقابل إبقاء العائلات العامة بلا تنصيص لبناء سلاسل بديلة متينة. الخطوة التالية: انتقل الآن إلى درس «أشكال الخطوط في لغة CSS» لضبط إمالة الحروف وأوزان السماكة والأحرف المصغرة باحترافية.