يلعب حجم الخط دورا مهما في إدراك النص. له تأثير على سهولة القراءة والجاذبية المرئية والجماليات العامة للوثيقة. ومع ذلك ، ليس من السهل دائما تحديد حجم الخط الذي يجب استخدامه.
تتمثل إحدى طرق تعيين حجم الخط في استخدام وحدات القياس النسبية ، مثل النسب المئوية أو م. تسمح لك هذه الوحدات بتعيين حجم الخط بالنسبة إلى حجم خط العنصر الأصل. على سبيل المثال ، تضمن قيم 100 ٪ أو 1 دقيقة استخدام حجم الخط الافتراضي في المتصفح.
إذا كنت تستخدم خطا بحجم ثابت ، فيجب أن تكون حذرا ، حيث قد يبدو غير مقروء على الأجهزة ذات الشاشات الصغيرة أو عند التكبير. أيضا ، لا ننسى إمكانية الوصول والراحة للأشخاص ذوي الإعاقة.
لتعيين حجم الخط المطلق ، يمكنك استخدام وحدات القياس مثل وحدات البكسل أو النقاط. هذه القيم ثابتة ومستقلة عن حجم خط العنصر الأصل. ومع ذلك ، يمكن أن يؤدي استخدام الأحجام المطلقة إلى حدوث مشكلات إذا كان المستخدم يفضل حجم خط افتراضي مختلف.
أحجام الخطوط القياسية: الأحكام الأساسية
تحدد معايير الويب مجموعة من أحجام الخطوط القياسية الموصى باستخدامها عند إنشاء صفحات الويب. تتيح لك معرفة هذه الأبعاد إنشاء تصميم موحد وقابل للقراءة.
هناك العديد من أحجام الخطوط القياسية التي استخدمها مطورو الويب لفترة طويلة:
- 10 نقاط (نقطة): هذا هو الحد الأدنى لحجم الخط المسموح به للنص الرئيسي. يتم استخدام خط بهذا الحجم في معظم المتصفحات كحجم أساسي.
- 12 نقطة (نقطة): حجم الخط هذا أكثر قابلية للقراءة ويوصى به للعناوين والعناوين الفرعية.
- 14 نقطة (نقطة): هذا حجم خط شائع للفقرات وكتل النص الطويلة. يوفر قراءة جيدة وقراءة مريحة.
- 16 نقطة( نقطة): يستخدم حجم الخط هذا للأجزاء المحركة من النص ، مع إبراز الكلمات الرئيسية أو العناصر الأخرى التي تحتاج إلى جذب انتباه القارئ.
- 18 نقطة (نقطة): حجم الخط هذا مناسب للعناوين التي تحتوي على الكثير من المعلومات أو للاقتباسات. يساعد على فصل هذه الأجزاء من النص عن بقية المحتوى.
- 24 نقطة (نقطة): يستخدم حجم الخط هذا للعناوين ذات الوزن المرئي العالي أو لهجات التصميم الخاصة. يتم استخدامه عند الحاجة إلى جاذبية كبيرة واهتمام المستخدم.
بالإضافة إلى هذه الأحجام القياسية ، تقترح معايير الويب أيضا استخدام وحدات قياس نسبية مثل النسب المئوية ( ٪ ) ، إم و ريم. يتيح لك ذلك تكييف حجم الخط مع أحجام شاشة الجهاز المختلفة ويوفر نهجا أكثر مرونة لإنشاء تصميم.
إن معرفة واستخدام أحجام الخطوط القياسية وفقا لمعايير الويب سيضمن قراءة أفضل لصفحات الويب الخاصة بك ويجعل تصميمك جذابا واحترافيا.
تحديد أحجام الخطوط القياسية
يتم تحديد أحجام الخطوط القياسية باستخدام وحدات القياس مثل بكسل (بكسل) والنسب المئوية ( ٪ ). يتم تعيين حجم الخط بالبكسل برقم محدد ، على سبيل المثال ، 12 بكسل. يتم تعيين حجم الخط كنسبة مئوية بالنسبة لحجم الخط الأساسي برقم برمز النسبة المئوية ، على سبيل المثال ، 120٪.
هناك عدد من أحجام الخطوط المحددة مسبقا في هتمل التي يمكن استخدامها وفقا للمعايير:
- 16 بكسل هو حجم الخط الأساسي ، ويعتبر قياسيا لمعظم المتصفحات;
- 14 بكسل هو حجم خط صغير ، يستخدم عادة للحصول على معلومات إضافية;
- 18 بكسل هو متوسط حجم الخط ، وغالبا ما يستخدم للمحتوى الرئيسي;
- 24 بكسل هو حجم خط كبير ، وعادة ما يستخدم للعناوين والأقسام المهمة;
- 32 بكسل أو أكثر هي أحجام خطوط كبيرة جدا ، وعادة ما تستخدم للتأكيد على الانتباه أو إنشاء تصميم فعال.
على الرغم من أن أحجام الخطوط القياسية تعطي فكرة عامة عن مستويات الأحجام المختلفة ، إلا أنها ليست قواعد صارمة. مصممي المواقع والمطورين أحرار في تغيير أحجام الخطوط وفقا لاحتياجاتهم وتفضيلاتهم.