النصوص والخطوط (Typography)
تحسين قابلية القراءة وجمالية النصوص عبر التحكم الدقيق في أحجام الخطوط، التباعد، والمحاذاة.
1. عائلات الخطوط (Font Family)
تحديد الخطوط الأساسية والخطوط البديلة في حال عدم توفر الأول.
هذا نص يستخدم خطوط Sans-Serif (بدون حواف حادة، حديثة جداً).
هذا نص يستخدم خطوط Serif (بحواف كلاسيكية، مثل الصحف).
هذا نص يستخدم خطوط Monospace (ذات مسافات ثابتة، مثل الأكواد).
شرح الكود:
هذا المثال يوضح التطبيق العملي للخصائص المذكورة أعلاه في CSS.
2. خصائص التنسيق المتقدمة
التحكم في السماكة، التباعد، التحويل، والتزيين.
font-weight: 800; (خط عريض جداً)
text-transform: uppercase (ALL CAPS ENGLISH)
text-decoration: underline wavy #0ea5e9; (خط متعرج ملون تحت النص)
letter-spacing: 5px; (ت ب ا ع د ا ل ح ر و ف)
line-height: 2;
(ارتفاع السطر، يعطي مساحة للتنفس بين الأسطر المتعددة في الفقرات الطويلة، وهذا مهم جداً في التصميم وتجربة المستخدم)
text-align: center; (محاذاة للمنتصف)
text-shadow: 2px 2px 4px rgba(0,0,0,0.5); (ظل للنص)
شرح الكود:
هذا المثال يوضح التطبيق العملي للخصائص المذكورة أعلاه في CSS.