حاسبة ارتفاع السطر
توصي حاسبة ارتفاع السطر بارتفاع السطر وتباعد الأحرف وأقصى عرض مثالي للفقرة وفق حجم الخط والاستخدام — نص المحتوى أو العناوين أو تسميات الواجهة أو خطوط العرض — مع معاينة مباشرة ومخرجات CSS.
حول هذه الأداة
توصي حاسبة ارتفاع السطر بارتفاع السطر وتباعد الأحرف وأقصى عرض مثالي للفقرة وفق حجم الخط والاستخدام — نص المحتوى أو العناوين أو تسميات الواجهة أو خطوط العرض — مع معاينة مباشرة ومخرجات CSS.
طريقة الاستخدام
- أدخل حجم الخط بالبكسل.
- اختر النمط: نص المحتوى أو عنوان أو تسمية واجهة أو خط عرض.
- راجع فقرة المعاينة والقيم الأربع الموصى بها.
- انقر Copy CSS لنقل القيم إلى ملف الأنماط.
معلومات مفيدة
- يُقرأ نص المحتوى براحة مع ارتفاع سطر يعادل نحو 1.5–1.6 ضعف حجم الخط.
- تبدو العناوين الكبيرة وخطوط العرض أفضل مع ارتفاع سطر أضيق، نحو 1.05–1.2.
- طول السطر المريح للقراءة نحو 45–75 حرفًا في السطر.
- يشترط معيار WCAG 1.4.12 أن يظل المحتوى صالحًا عندما يضبط المستخدم ارتفاع السطر على 1.5 وتباعد الأحرف على 0.12 em.
- قيم line-height بلا وحدة (مثل 1.6) تتناسب مع حجم خط كل عنصر.
تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.
الأسئلة الشائعة
ما ارتفاع السطر المناسب لنص المحتوى؟
نحو 1.5 إلى 1.6 ضعف حجم الخط. لنص بحجم 16 px يعادل ذلك نحو 24–26 px.
هل ينبغي أن يكون ارتفاع السطر في العناوين أصغر؟
نعم. يحتاج النص الكبير إلى تباعد نسبي أقل، لذا تستخدم العناوين عادةً 1.1–1.3، وخطوط العرض قيمًا أضيق من ذلك.
ما طول السطر المثالي للقراءة؟
نحو 45–75 حرفًا في السطر، وكثيرًا ما يُذكر أن نحو 65 حرفًا هو المثالي لنص المحتوى.
هل أستخدم line-height بلا وحدة في CSS؟
في الغالب نعم. القيمة بلا وحدة مثل 1.6 تُورَّث كنسبة، فتحافظ العناصر الفرعية ذات أحجام الخطوط المختلفة على تباعد متناسب.