النقطة (نقطة) هي وحدة قياس للخط الذي يستخدم لتحديد حجمه في الطباعة والتصميم. يتم استخدامه لتحديد حجم الخط بالبكسل على وسيط مطبوع. ومع ذلك ، في تطوير الويب ، عادة ما يتم استخدام نهج مختلف - باستخدام القيم النسبية مثل النسب المئوية ( ٪ ) أو إم أو ريم.
نقطة واحدة تعادل 1/72 من البوصة أو حوالي 0.3528 مم. في الطباعة ، تسمح لك النقاط بالتحكم في الحجم الدقيق للنص والتأكد من أنه يبدو متماثلا على أجهزة الطباعة المختلفة وفي المتصفحات المختلفة.
ملاحظة: يسعى مطورو الويب دائما إلى إنشاء مواقع ويب سريعة الاستجابة وقابلة للتطوير ، لذلك قد يكون استخدام وحدات البكسل أو النقاط أو وحدات القياس المطلقة الأخرى غير مرغوب فيه ، حيث يمكن أن يجعل الموقع أقل تكيفا ولا يمكن السيطرة عليه جزئيا.
في تطوير الويب ، الطريقة الأكثر شيوعا لتحديد حجم الخط هي استخدام وحدات القياس النسبية. الوحدات النسبية مثل النسب المئوية ، م (م) ، و ريم (ريم) تجعل من السهل التحكم وتغيير أحجام الخطوط على الأجهزة والشاشات المختلفة.
- حجم نقطة خط واحدة وبدائلها
- نحدد حجم الخط بالنقاط
- تحويل النقاط إلى بكسل
- إعادة حساب النقاط كنسبة مئوية
- اختيار حجم الخط المناسب لصفحات الويب
حجم نقطة خط واحدة وبدائلها
في هتمل ، يمكن تعيين حجم الخط باستخدام وحدات القياس النسبية والمطلقة. عادة ما تكون نقطة خط واحدة (نقطة) 1/72 من البوصة. يوضح الجدول أدناه الوحدات المطلقة لقياس الخط:
| وحدة القياس | |
|---|---|
| قيمة بكسل | بكسل |
| سم | سم |
| مم | ملليمتر |
| في | بوصة |
تسمح لك وحدات الخط النسبية بتعيين حجم الخط بالنسبة لحجم الخط الأساسي ، والذي يمكن ضبطه في إعدادات المتصفح أو في كس. قائمة وحدات الخط النسبية:
- م-يحدد حجم الخط نسبة إلى حجم الخط الحالي;
- ريم-يحدد حجم الخط بالنسبة لحجم الخط الأساسي;
- ٪ - يحدد حجم الخط بالنسبة للعنصر الأصل.
يعتمد اختيار وحدات الخط على المهمة المحددة ومتطلبات التصميم. يتيح لك الجمع بين وحدات القياس المختلفة إنشاء تصميم متناغم وقابل للتكيف.
نحدد حجم الخط بالنقاط
في نقاط (حزب العمال).
على سبيل المثال ، لتعيين حجم الخط إلى 12 نقطة ، تحتاج إلى استخدام الكود التالي:
| كود أتش تي أم أل | الوصف |
|---|---|
| يحدد حجم الخط في 12 نقطة لفقرة |
سيتم عرض حجم الخط بالنقاط على الشاشة والمواد المطبوعة بنفس الحجم. ومع ذلك ، تجدر الإشارة إلى أن حجم الخط الفعلي قد يختلف اعتمادا على إعدادات المستخدم واستخدام الأجهزة المختلفة.
تحويل النقاط إلى بكسل
. يمكن تعيين حجم الخط في وحدات قياس مختلفة ، بما في ذلك النقاط (نقطة) والبكسل (بكسل).
نقطة واحدة حوالي 1/72 من البوصة. يحدد حجم الخط في النقاط عدد وحدات البكسل التي سيتم استخدامها لعرض حرف واحد.
لتحويل العناصر إلى وحدات بكسل ، تحتاج إلى معرفة إعدادات العرض الحالية وكثافة البكسل. قد تختلف إعدادات العرض باختلاف الأجهزة والمتصفحات.
هناك تقنية للتحويل التقريبي للنقاط إلى وحدات بكسل:
- تعرف على قيمة العناصر التي تريد تحويلها.
- قم بتعيين قيمة الخط بالنقاط لعنصر في شفرة هتمل أو ورقة الأنماط.
- حدد إعداد العرض الحالي وكثافة البكسل.
- حدد النسبة التقريبية للنقاط إلى وحدات البكسل بناء على إعدادات العرض الحالية وكثافة البكسل.
- اضرب قيمة النقاط في النسبة للحصول على حجم الخط بالبكسل.
على سبيل المثال ، إذا كنت تريد تعيين حجم الخط إلى 12 نقطة ونسبة النقطة إلى البكسل الحالية هي 1.3333 ، سيكون حجم الخط بالبكسل حوالي 16 بكسل (12*1.3333).
باستخدام هذه التقنية ، يمكنك الحصول على قيمة تقريبية لحجم الخط بالبكسل بناء على النقاط المحددة.
ومع ذلك ، يجب ألا يغيب عن البال أن التحويل الدقيق للنقاط إلى وحدات البكسل قد يختلف اعتمادا على الجهاز والمتصفح المستخدم. لذلك ، يوصى باستخدام وحدات القياس النسبية عند تعيين أحجام الخطوط ، مثل النسب المئوية ( ٪ ) أو إم أو ريم.
إعادة حساب النقاط كنسبة مئوية
يمكن أن يكون للخطوط الموجودة على صفحات الويب أحجام مختلفة ، كما هو موضح في الفقرات (نقطة). لتعيين حجم الخط كنسبة مئوية من القيمة الأساسية ، تحتاج إلى إجراء بعض العمليات الحسابية.
نقطة واحدة (بت) حوالي 0.353 ملليمتر (مم). غالبا ما تستخدم متصفحات الويب قيمة أساسية لحجم الخط تبلغ 16 نقطة (16 نقطة) ، والتي تتوافق مع حوالي 12 بكسل (بكسل).
لتحويل حجم الخط من نقاط إلى نسب مئوية ، يمكنك استخدام الصيغة التالية:
- النسبة المئوية للحجم = (الحجم بالنقاط / 16) * 100%
على سبيل المثال ، إذا تم تعيين حجم الخط إلى 12 نقطة:
- النسبة المئوية للحجم = (12 / 16) * 100% = 75%
وبالتالي ، فإن حجم الخط البالغ 12 نقطة يعادل 75 ٪ من القيمة الأساسية.
اختيار حجم الخط المناسب لصفحات الويب
يتم قياس حجم الخط بالبكسل (بكسل) أو الوحدات النسبية (إم أو ريم). يحتوي كل حجم خط على ما يعادله في وحدات مختلفة ، مما يسمح لك بضبط مقياس الخط وفقا لمتطلبات المستخدم أو ميزات التصميم.
تبدأ قيم حجم الخط الشائعة من 1 بكسل وتزداد بترتيب تصاعدي. ومع ذلك ، يجب تجنب الخط الصغير جدا ، مما يجعل من الصعب قراءته ، والخط الكبير جدا ، والذي يبدو سخيفا ويسبب إجهاد العين.
فيما يلي بعض أحجام الخطوط الشائعة وما يعادلها في الوحدات النسبية:
- 10 بكسل-0.625 م أو 0.625 ريم
- 12 بكسل-0.75 إم أو 0.75 ريم
- 14 بكسل-0.875 م أو 0.875 ريم
- 16 بكسل -1 دقيقة أو 1 دقيقة
- 20 بكسل — 1.25 م أو 1.25 ريم
- 24 بكسل-1.5 إم أو 1.5 ريم
يعتمد اختيار حجم الخط على العديد من العوامل ، بما في ذلك الطباعة والجمهور المستهدف وسياق الاستخدام. ولكن ، بشكل عام ، يوصى باستخدام حجم خط في النطاق من 12 بكسل إلى 18 بكسل للنص العادي ومن 20 بكسل إلى 24 بكسل للعناوين والعناصر المميزة.
لا تنس أن حجم الخط ليس هو الحل النهائي. يمكن استكماله بتقنيات مطبعية مختلفة ، مثل الخط الغامق أو المائل أو استخدام خطوط مختلفة لإنشاء تصميم أكثر فعالية.
لذلك ، اختر حجم الخط مع مراعاة جميع العوامل وتزويد المستخدمين بقراءة مريحة لصفحة الويب.