يعد تحديد حجم الخط القياسي مهمة مهمة في تصميم صفحات الويب ، حيث يؤثر حجم الخط بشكل مباشر على إدراك المستخدم للمعلومات. هذه الخاصية من الخط يجعل من الممكن لجعل النص أكثر قابلية للقراءة ويسمح لك لتسليط الضوء على العناصر الهامة. يعتمد حجم الخط القياسي على العديد من المعلمات الأساسية ، والتي سيتم مناقشتها في هذه المقالة.
واحدة من المعلمات الرئيسية التي تحدد حجم الخط القياسي هي حجم وحدة الخط (حجم الخط). يتم استخدام وحدة الخط لتعيين حجم النص في كس. من الواضح ، عند زيادة قيمة هذه المعلمة ، يصبح النص أكبر ، وعند تقليله ، يصبح أصغر. عادة ما يقوم مطورو الويب بتعيين حجم الخط بالبكسل ، مما يسمح بتحكم أكثر دقة في حجم النص.
معلمة مهمة أخرى تحدد حجم الخط القياسي هي المقياس الخطي. يسمح لك المقياس الخطي بتعيين مؤشر لحجم الخط النسبي. على سبيل المثال ، إذا قمت بتعيين القيمة إلى 1.0 ، فسيطابق حجم الخط الحجم الافتراضي. إذا تم تعيين القيمة إلى أقل من 1.0 ، ثم سيتم تخفيض الخط نسبة إلى القيمة الافتراضية. على العكس من ذلك ، إذا قمت بتعيين قيمة أكبر من 1.0 ، سيزداد حجم الخط. يعد تعديل المقياس هذا أكثر مرونة من مجرد تغيير حجم الوحدة.
تسمح كل هذه المعلمات للمصممين بتحديد حجم الخط القياسي بدقة أكبر بناء على متطلبات ومهام محددة. تتيح لك معرفة الخصائص الأساسية إنشاء صفحات ويب أكثر ملاءمة وجمالية ، مما يؤدي بدوره إلى تحسين جودة الموقع أو التطبيق.
- ما الذي يحدد حجم الخط القياسي?
- العوامل التي تؤثر على حجم الخط
- كيفية تحديد حجم الخط
- وحدات القياس المستخدمة في تحديد حجم الخط
ما الذي يحدد حجم الخط القياسي?
يتم تحديد حجم خط صفحة الويب القياسي من خلال العديد من المعلمات الأساسية:
- وحدات القياس: يمكن تحديد حجم الخط بالبكسل (بكسل) أو النسب المئوية ( ٪ ) أو الوحدات النسبية (إم ، ريم) أو وحدات القياس الأخرى. على سبيل المثال ، ستقوم القيمة "16 بكسل" بتعيين حجم الخط على 16 بكسل.
- إعدادات المتصفح: يمكن ضبط حجم الخط القياسي في إعدادات كل متصفح على حدة. يتيح ذلك للمستخدمين تخصيص عرض النص ليناسب تفضيلاتهم واحتياجاتهم.
- التصميم مع المغلق: يمكن تغيير حجم الخط القياسي باستخدام أوراق الأنماط المتتالية (المغلق). يمكن لمطوري الويب تعيين حجم الخط لعناصر أو فئات معينة ، مما يسمح لهم بالتحكم في مظهر النص على الصفحة.
عادة ، يبلغ حجم خط المتصفح القياسي حوالي 16 بكسل ، بينما يتم قياس وحدات القياس المتبقية بالنسبة لهذه القيمة. يمكن للمستخدمين أيضا ضبط أحجام الخطوط المفضلة لديهم في إعدادات المتصفح ، وستؤثر هذه الإعدادات على عرض جميع صفحات الويب.
العوامل التي تؤثر على حجم الخط
يعتمد حجم الخط في مستند هتمل على عدة عوامل:
2. حجم الخط الأساسي يمكن تحديد حجم الخط حسب الحجم الأساسي الذي تم تعيينه في أنماط المستند أو المتصفح. عادة ما يتم تعيينه بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. | |
3. العنصر الأصل إذا كان العنصر الأصل يحتوي على حجم خط محدد ، فسترث عناصره الفرعية هذا الحجم ، ما لم ينص على خلاف ذلك. على سبيل المثال: | سيحتفظ النص بحجم خط 14 بكسل 4. الميراث |
إذا لم يتم تعيين حجم خط صريح لعنصر ، فإنه يرث الحجم من العنصر الأصلي. على سبيل المثال: سيكون لهذا النص حجم خط المسافة البادئة للفقرة | 5. جهاز العرض قد يتأثر حجم الخط بالجهاز الذي يتم عرض صفحة الويب عليه. على سبيل المثال ، يمكن زيادة حجم الخط على الأجهزة المحمولة ذات الشاشات الصغيرة. |
6. إعدادات المستخدم
قد تؤثر إعدادات المستخدم في المتصفح أو نظام التشغيل أيضا على حجم الخط. على سبيل المثال ، يمكن للمستخدم تعيين حجم الخط المفضل لديه في إعدادات المتصفح.
يتيح لك استخدام مجموعة من هذه العوامل تحديد حجم الخط القياسي في مستند هتمل.
كيفية تحديد حجم الخط
| يتم تحديد حجم خط صفحة الويب باستخدام قيم الوحدة المحددة في رمز كس أو هتمل. | تتوفر الوحدات التالية من حجم الخط: | وحدة القياس |
|---|---|---|
| الوصف | مثال على القيمة | من بكسل (بكسل) |
| يحدد حجم الخط بالبكسل. | حجم الخط: 16 بكسل; | م |
| يحدد حجم الخط نسبة إلى حجم الخط للعنصر الأصل. قيمة 1 م تساوي حجم خط العنصر الأصل. | حجم الخط: 1.2 م; | ريم |
| يحدد حجم الخط بالنسبة لحجم الخط لعنصر هتمل (عنصر الجذر). قيمة 1 ريم تساوي حجم خط عنصر هتمل. | حجم الخط: 1.5 ريم; | حزب العمال (البند) |
يحدد حجم الخط بالنقاط. 1 نقطة تساوي 1/72 من البوصة.
حجم الخط: 12 نقطة;
يعتمد اختيار وحدة القياس المناسبة وقيمة حجم الخط على متطلبات التصميم وسهولة إدراك المحتوى. يوصى باستخدام وحدات القياس النسبية (على سبيل المثال ، إم أو ريم) بحيث يمكن تغيير حجم المحتوى وفقا لإعدادات المستخدم.
وحدات القياس المستخدمة في تحديد حجم الخط
يمكن استخدام وحدات قياس مختلفة لتحديد حجم الخط. الأكثر شعبية منهم هم:
بكسل (بكسل) — بكسل هو وحدة القياس الأكثر شيوعا المستخدمة لتحديد حجم الخط على الشاشة. تشير القيمة بالبكسل إلى عدد النقاط المادية التي يشغلها حرف أو حرف رسومي ، ويمكن تعيينها كعدد صحيح، على سبيل المثال: حجم الخط: 16 بكسل;
الأبعاد المطلقة (بكسل ، بت ، سم ، مم ، في) — وحدات القياس هذه مطلقة ، أي أن قيمتها لا تعتمد على إعدادات جهاز المستخدم أو حجم نافذة المتصفح. على سبيل المثال ، عادة ما تستخدم القيمة بالنقاط (نقطة) في الطباعة وهي 1/72 من البوصة. مثال على استخدام الحجم المطلق: حجم الخط: 12 نقطة;