يعد قياس حجم الخط جزءا مهما من عملية تنسيق النص. يسمح لك القياس المناسب بإنشاء تصميم سهل وممتع للقراءة. لحسن الحظ ، هناك عدة طرق لقياس حجم الخط ستساعدك على تحقيق النتائج المرجوة.
الطريقة الأولى هي استخدام وحدات القياس المطلقة ، مثل وحدات البكسل (بكسل) أو النقاط (نقطة). باستخدام هذه الوحدات ، يمكنك تحديد حجم الخط الدقيق في التصميم الخاص بك. ومع ذلك ، يجب أن نتذكر أن هذه القيم المطلقة قد لا تكون مناسبة للمستخدمين ذوي الرؤية المحدودة أو على الأجهزة المحمولة ذات الكثافة العالية للبكسل.
الطريقة الثانية هي استخدام وحدات القياس النسبية ، مثل النسب المئوية ( ٪ ). يمكنك استخدام النسب المئوية لتحديد حجم الخط بالنسبة للعناصر الأخرى في الصفحة. على سبيل المثال ، إذا قمت بتعيين حجم الخط إلى 100 ٪ للنص الرئيسي ، فسيتم تغييره تلقائيا مع قيمة حجم الخط الأساسي.
الطريقة الثالثة هي استخدام وحدات القياس النسبية ، مثل إم أو ريم. يتم استخدام وحدة م لتعيين حجم الخط بالنسبة لحجم الخط للعنصر الأصل ، في حين يتم استخدام وحدة ريم لتعيين حجم الخط بالنسبة لحجم الخط للعنصر الجذر. هذه الوحدات النسبية مفيدة بشكل خاص عند إنشاء تصميمات سريعة الاستجابة.
الطريقة الرابعة هي استخدام حجم الخط المحدد في وحدات مطلقة ، متبوعا بتغيير مقياسه باستخدام خاصية تحويل كس: مقياس. يمكن أن تكون هذه الطريقة مفيدة في حالات معينة عندما تحتاج إلى تغيير حجم الخط ديناميكيا وفقا لظروف مختلفة.
الطريقة الخامسة هي استخدام وحدات القياس النسبية ، مثل فولكس فاجن أو ف. تحدد وحدة فولكس فاجن الحجم بالنسبة لعرض المنطقة المرئية من نافذة المتصفح ، وتحدد وحدة ف الحجم بالنسبة لارتفاع المنطقة المرئية من نافذة المتصفح. وهذا مفيد لخلق التصاميم التي مقياس مع تغيير حجم نافذة المتصفح.
الطريقة السادسة هي استخدام متغيرات كس (خصائص مخصصة). باستخدام متغيرات كس ، يمكنك تعيين قيمة حجم الخط في مكان واحد وتغييره بسهولة في جميع أنحاء الموقع ببساطة عن طريق تغيير قيمة المتغير. هذا مفيد بشكل خاص عند إنشاء تصميم قابل للتطوير مع عدد كبير من أحجام الخطوط المختلفة.
- 6 طرق لقياس حجم الخط
- الطريقة 1: المسطرة أو المليمتر
- الطريقة 2: استخدام وحدات البكسل
- الطريقة 3: النسبة المئوية للقيمة النسبية
6 طرق لقياس حجم الخط
1. وحدات القياس المطلقة: بكسل (بكسل) ، ملليمتر (مم) وبوصة (في). وهي تحدد العدد الدقيق للبكسل أو المليمترات أو البوصات التي سيشغلها كل حرف من النص. على سبيل المثال ، 14 بكسل أو 10 ملم. عيب هذا النهج هو صلابة حجم الخط-عند تغيير حجم نافذة المتصفح ، سيبقى النص دون تغيير.
2. وحدات القياس النسبية: النسب المئوية ( ٪ ) المنسوبة إلى العنصر الأصلي. على سبيل المثال ، إذا كان حجم خط العنصر الأصل 12 بكسل ، فسيكون 150 ٪ من حجم خط العنصر الأصل 18 بكسل. ميزة هذه الطريقة هي القدرة على التكيف – سيتم قياس حجم الخط جنبا إلى جنب مع حجم نافذة المتصفح.
3. وحدات القياس النسبية: إم و ريم. م هي وحدة قياس نسبية تساوي حجم خط العنصر الأصل. على سبيل المثال ، إذا كان حجم خط العنصر الأصلي هو 12 بكسل ، فستكون قيمة 1 م أيضا 12 بكسل. يمكن تعيين قيمة م لكل من العنصر الأصل والعنصر الفرعي. حركة العين السريعة هي أيضا وحدة قياس نسبية ، إلا أنها تعتمد دائما على حجم خط العنصر الجذر للصفحة. يتيح لك ذلك التحكم في حجم النص بمرونة أكبر.
. يتيح لك ذلك فصل بنية المستند عن تصميمه.
5. وحدات نسبة إلى حجم الخط الجذر (رفس) هي تقنية جديدة تسمح لك لتعيين حجم الخط بالنسبة إلى قيمة أساسية محددة واستخدام المتغيرات كس المساعدة.
. هذه الطريقة مفيدة عند إنشاء تصميم تكيفي وتوفر تحجيما متناسبا للخط.
الطريقة 1: المسطرة أو المليمتر
أولا ، حدد النص الذي تريد قياس خطه. ثم خذ مسطرة أو ورقة رسم بياني وأرفقها بأحد أحرف النص. قم بقياس ارتفاع الحرف من القاعدة إلى الأعلى واكتب القيمة الناتجة.
يرجى ملاحظة أنه عند استخدام طريقة القياس هذه ، يجب ألا يغيب عن البال أن هناك العديد من المعلمات التي تحدد حجم الخط ، بما في ذلك ارتفاع الحرف وعرض الحرف وتباعد الحروف وعوامل أخرى. لذلك ، قد لا يوفر الارتفاع المقاس معلومات كاملة حول حجم الخط ، ولكن لا يزال من الممكن أن يكون دليلا مفيدا عند العمل مع النص المطبوع.
ضع في اعتبارك أنه عند طباعة خط ، قد تختلف القياسات قليلا اعتمادا على إعدادات الطابعة ونوع الورق وعوامل أخرى ، لذلك يوصى باستخدام عدة طرق قياس مختلفة للحصول على نتائج أكثر دقة.
الطريقة 2: استخدام وحدات البكسل
لتعيين حجم الخط بالبكسل ، يمكنك استخدام سمة النمط وخاصية حجم الخط. على سبيل المثال:
نموذج النص
العنوان
في هذه الحالة ، سيتم تحديد حجم الخط بالبكسل. تشير القيمة 12 بكسل إلى حجم خط 12 بكسل ، وتشير القيمة 24 بكسل إلى حجم خط 24 بكسل.
يعطي استخدام وحدات البكسل قيمة دقيقة ويمكن التنبؤ بها ، لأنها لا تعتمد على معلمات أخرى أو إعدادات المستخدم. ومع ذلك ، تجدر الإشارة إلى أنه إذا قام المستخدم بتكبير الصفحة ، فسيظل الخط المحدد بالبكسل دون تغيير ، مما قد يؤدي إلى تشويه التكوين المرئي.
الطريقة 3: النسبة المئوية للقيمة النسبية
على سبيل المثال ، إذا كانت لدينا فقرة بحجم خط أساسي محدد يبلغ 16 بكسل ونريد تعيين حجم الخط لفقرة العنصر الفرعي إلى 150 ٪ من القيمة الأساسية ، فيمكننا استخدام رمز كس التالي:
| أتش تي أم أل | المغلق |
|---|---|
نص الفقرة | ص { |
وبالتالي ، سيكون حجم الخط للفقرة 16 بكسل * 150 ٪ = 24 بكسل.
يتيح لك استخدام نسبة مئوية إنشاء تصميمات ديناميكية وقابلة للتكيف ، نظرا لأن حجم الخط يتغير تلقائيا عندما تتغير القيمة الأساسية ، مما يوفر تعديلا أكثر مرونة لحجم النص على صفحة الويب.