يواجه مصممو الويب والمطورون الحاجة المستمرة لاختيار حجم الخط المناسب لمشاريعهم. ومع ذلك ، فإن تحديد حجم الخط المطلوب بالبكسل أو النقاط ليس دائما هو الحل الأمثل. بدلا من ذلك ، يجب عليك استخدام وحدات حجم الخط التي تسمح لك بإنشاء صفحات ويب متعددة الاستخدامات وسريعة الاستجابة.
الوحدات الرئيسية لقياس الخط في الويب هي وحدات البكسل (بكسل) والنسب المئوية ( ٪ ) والمصطلحات (م). وحدات البكسل هي أبسط وحدة قياس ، والتي تشير إلى العدد المحدد للنقاط التي يشغلها خط على الشاشة. تسمح لك النسب المئوية بتعيين حجم الخط بالنسبة إلى حجم العنصر الأصل. تحدد المصطلحات حجم الخط بالنسبة للمصطلح (1 م يساوي حجم خط العنصر الأصل أو قيمة المتصفح).
على سبيل المثال ، إذا تم تعيين حجم الخط داخل العنصر الأصل على 16 بكسل ، فإن تحديد حجم الخط 1.2 م سيتوافق مع القيمة 19.2 بكسل. يتيح لك ذلك إنشاء تخطيط مرن وقابل للتكيف يتكيف مع التغييرات في حجم نافذة المتصفح.
بالإضافة إلى وحدات القياس الأساسية ، هناك خيارات محددة أخرى ، مثل ريم ، تش ، فولكس فاجن ، الخ.، والتي يمكن أن تكون مفيدة في حالات استخدام معينة. على سبيل المثال ، تسمح لك وحدة حركة العين السريعة بتعيين حجم الخط بالنسبة لحجم العنصر الجذر ، ووحدة فولكس فاجن بناء على عرض المنطقة المرئية من المتصفح. باستخدام وحدات قياس مختلفة ، يمكن للمطورين التحكم بدقة في حجم النص على صفحاتهم وإنشاء واجهات سهلة الاستخدام وسهلة القراءة.
لذلك ، يعد اختيار وحدة حجم الخط المناسبة مهمة مهمة لمصمم الويب. لا يوفر حجم الخط الأمثل إدراكا بصريا لطيفا للمحتوى فحسب ، بل يحسن أيضا سهولة الاستخدام وإمكانية الوصول إلى الموقع. عند اختيار وحدة القياس المناسبة ، ضع في الاعتبار تفاصيل مشروعك واحتياجات جمهورك من أجل تحقيق أقصى قدر من الكفاءة والنتائج عالية الجودة.
الخصائص الرئيسية لوحدات حجم الخط
قبل اختيار وحدات حجم الخط ، من الضروري فهم خصائصها الرئيسية. يسمح لك اعتماد حجم الخط على وحدات القياس بالتحكم في تمثيله المرئي على صفحة الويب.
الخصائص الرئيسية لوحدات حجم الخط:
- بكسل (بكسل): إنها الطريقة الأكثر شيوعا لتعيين حجم الخط على صفحة الويب. بكسل واحد يتوافق مع نقطة واحدة على الشاشة وله حجم ثابت.
- النسب المئوية ( ٪ ): يسمح لك بتعيين حجم الخط بالنسبة إلى حجم العنصر الأصل. على سبيل المثال ، إذا كان حجم العنصر الأصل 16 بكسل ، فسيكون 100 ٪ مكافئا لـ 16 بكسل.
- عرض تباعد الأحرف الموحد( م): يحدد حجم الخط بناء على حجم الخط الحالي للعنصر الأصل. على سبيل المثال ، إذا كان للعنصر الأصل حجم خط يبلغ 16 بكسل ، فسيكون 1 دقيقة مساويا لـ 16 بكسل.
- الوحدات النسبية (ريم): على غرار وحدات إم ، ولكن تأخذ في الاعتبار حجم الخط من عنصر الجذر (عادة عنصر). غالبا ما يتم استخدامه لتعيين أنماط الخطوط العالمية.
يعتمد اختيار وحدات حجم الخط على السياق ومتطلبات التصميم لصفحة الويب. يمكن أن يكون متكيفا أو متجاوبا أو ثابتا. من المهم التأكد من أن حجم الخط ليس صغيرا جدا للقراءة أو كبيرا جدا بحيث لا يمكن عرضه على الشاشة.
يساعد الاستخدام السليم وتعديل وحدات حجم الخط على تحقيق تمثيل مرئي متوازن وقابل للقراءة للنص على صفحة الويب.
وحدات حجم الخط بالبكسل
وغالبا ما تستخدم بكسل في هتمل و كس لتعيين حجم نص معين. يسمح لك حجم الخط بالبكسل بتحديد الحجم الذي يجب أن يكون عليه النص على صفحة الويب بالضبط. على سبيل المثال:
كود أتش تي أم أل:
هذا نص 16 بكسل.
في هذا المثال ، سيتم عرض النص على شاشة بحجم خط 16 بكسل.