ما هو أداة اختبار حجم الخط؟

اكتب أي نص وشاهده بكل الأحجام من 8 إلى 96 بكسل. بدّل بين وحدات px وrem وpt، واضبط ارتفاع السطر وتباعد الأحرف لإتقان الخط.

ألصق أي جملة فيظهرها الأداة في 14 حجماً مختلفاً في وقت واحد، من 8 بكسل صغير حتى 96 بكسل ضخم. بدّل الوحدة بين px وrem وpt، وعدّل ارتفاع السطر والمسافة بين الحروف مباشرة. مفيد لمعرفة الحجم الذي تصبح القراءة عنده غير مريحة، أو كيف سيبدو زر بحجم 14 بكسل مقابل 16 بكسل قبل تعديل CSS.

كيفية الاستخدام

1. الخطوة 1 — اكتب أو الصق النص الذي تريد اختباره.
2. الخطوة 2 — اضبط نطاق الأحجام والوحدة (px أو rem أو pt) للمعاينة.
3. الخطوة 3 — قارن جميع الأحجام جنباً إلى جنب لاختيار الخيار الأفضل لتصميمك.

متى تستخدم

• اختيار حجم تسميات شريط التنقل: مقروء دون أن يزدحم الشريط.
• مقارنة المتن بحجم 14 بكسل و16 بكسل لإنهاء جدال داخل فريق التصميم.
• تحويل قياسات المصمّم بالبكسل إلى rem لاحترام تفضيلات الخط لدى المستخدم.

النتيجة

اختبار تسمية قائمة تنقل: اكتب "لوحة التحكم" وقارنها عند 12 و14 و16 بكسل للعثور على الحجم الأكثر وضوحاً دون هدر المساحة.

الأسئلة الشائعة

هل أستخدم px أم rem أم pt لخطوط الويب؟

استخدم rem للنصوص والمكوّنات؛ فهو يتمدّد مع حجم الجذر الذي يضبطه المستخدم، وهذا مهم للوصولية. اترك px للحدود والأيقونات الصغيرة جداً التي يجب أن تظل دقيقة. أما pt فوحدة طباعة قديمة، يُفضَّل تجنّبها على الشاشات.

ما الحجم المعقول لخط المتن؟

16 بكسل (1 rem) هو المعيار الفعلي للفقرات على الويب. لا تنزل إلى 14 بكسل إلا للنصوص الثانوية كالتعليقات والتسميات. المواقع التي تنزل بنصها الأساسي إلى أقل من 14 بكسل عادةً ترسب في مراجعات الوصولية وتُتعِب القارئ على الشاشات الصغيرة.

كم يؤثر ارتفاع السطر في القراءة؟

اعتمد ارتفاعاً بين 1.4 و1.6 للمتن. الأضيق يبدو مكتظاً، والأوسع يكسر إيقاع الفقرات. العناوين يمكن أن تكون أضيق (نحو 1.1 إلى 1.2) لأن أسطرها قصيرة أصلاً.

متى أعدّل تباعد الحروف (التتبّع)؟

وسّع التباعد قليلاً (نحو 0.05 em) للتسميات بالحروف الكبيرة الإنجليزية حيث يبدو التباعد الافتراضي ضيقاً. ضيّقه قليلاً (من –0.01 إلى –0.02 em) للعناوين العملاقة جداً. أما المتن فاتركه كما هو؛ فقد ضبطه مصمّم الخط بالفعل.

هل WCAG تُلزم فعلاً بحجم خط أدنى 16 بكسل؟

لا تضع WCAG حداً أدنى صلباً، لكنها تشترط أن يكبّر النص حتى 200% دون انكسار التخطيط. عملياً، الانطلاق من 16 بكسل واستخدام وحدات نسبية يحقّق ذلك بسهولة. الأحجام الأصغر افتراضياً تُجبر المستخدمين على التكبير، ومعظمهم لا يفعل.

أدوات ذات صلة