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