يلعب حجم الخط دورا مهما في إنشاء صفحات الويب ، مما يؤثر على راحة القراءة وإدراك محتوى النص. طريقة ضبط حجم الخط على الصفحة بأكملها هي استخدام كس.
تتمثل إحدى طرق تغيير حجم خط كس في استخدام وحدات قياس مطلقة ، مثل وحدات البكسل أو النقاط. على سبيل المثال ، لتعيين حجم النص إلى 16 بكسل ، يمكنك استخدام رمز كس التالي:
الجسم {
حجم الخط: 16 بكسل;
}
طريقة أخرى هي استخدام وحدات القياس النسبية مثل النسب المئوية أو م. تسمح لك بتعيين حجم الخط بالنسبة إلى حجم العنصر الأصل. على سبيل المثال ، سيقوم رمز كس التالي بتعيين حجم النص إلى 120 بالمائة من حجم خط العنصر الأصل:
عند اختيار حجم الخط ، يجدر النظر ليس فقط في راحة القراءة ، ولكن أيضا الجمهور المستهدف. قد يكون حجم الخط الأكبر مفيدا لكبار السن أو الأشخاص الذين يعانون من ضعف البصر ، في حين أن الخط الأصغر قد يكون مناسبا للأجهزة المحمولة.
- تحديد حجم الخط المغلق
- تعديل حجم الخط المغلق: المبادئ الأساسية
- كيفية تعيين حجم الخط للصفحة بأكملها بشكل صحيح
تحديد حجم الخط المغلق
لتحديد حجم الخط في كس ، يتم استخدام خاصية حجم الخط. هذه الخاصية تسمح لك لتعيين حجم الخط في بكسل ، والنسب المئوية ، م ، ريم وغيرها من وحدات القياس.
تتمثل إحدى طرق ضبط حجم الخط للصفحة بأكملها في تعيينها في علامة النص في كس. على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
وبالتالي ، سيتم عرض جميع عناصر النص على صفحة الويب بحجم خط 16 بكسل. ومع ذلك ، من المهم أن تتذكر أن حجم الخط سيتم توريثه بواسطة عناصر متداخلة إذا لم يكن لديهم حجم خط محدد خاص بهم.
تجدر الإشارة أيضا إلى أن حجم الخط المريح قد يختلف اعتمادا على الجهاز وتفضيلات المستخدم. لذلك ، يوصى باستخدام وحدات القياس النسبية ، مثل النسب المئوية أو م ، لتكييف حجم الخط اعتمادا على إعدادات المستخدم أو حجم الشاشة.
على سبيل المثال ، لتعيين حجم الخط كنسبة مئوية بالنسبة إلى الحجم الأساسي ، يمكنك استخدام التعليمات البرمجية التالية:
يعني هذا الرمز أنه سيتم عرض الخط بالحجم القياسي الذي يحدده المتصفح ، دون تغييرات. ومع ذلك ، يمكنك زيادة أو تقليل حجم الخط عن طريق تغيير قيمة النسبة المئوية.
في نهاية المطاف ، وضبط حجم الخط في المغلق يسمح لك لإنشاء صفحة ويب سهلة القراءة وسهلة الاستخدام ، وضمان قراءة مريحة وعرض النص.
تعديل حجم الخط المغلق: المبادئ الأساسية
الفكرة الأساسية لتحديد حجم الخط المغلق هو أن نقدم للمستخدم خيار وضبط حجم النص الأساسي القياسي للمستند بأكمله. يتيح ذلك للمستخدمين تعيين حجم الخط المفضل لديهم بناء على احتياجاتهم الفردية.
| وحدات القياس | الوصف |
|---|---|
| بكسل (بكسل) | وحدة القياس الأكثر شيوعا لحجم الخط. يحدد حجم الخط الثابت بالبكسل. |
| الفائدة ( ٪ ) | تحديد حجم الخط بالنسبة إلى حجم العنصر الأصل. |
| م | الوحدة التي تحدد حجم الخط نسبة إلى حجم الخط الحالي للعنصر الأصل. |
بالإضافة إلى حجم الخط ، يمكنك أيضا ضبط مقياس الخط الخطي ، والذي يسمح لك بزيادة حجم الخط أو تقليله لتحسين إمكانية القراءة.
بغض النظر عن طريقة إعداد حجم الخط المختارة، من المهم أن تضع في اعتبارك المبادئ التالية:
- يجب ألا تؤدي زيادة حجم الخط إلى التمرير الأفقي.
- الامتثال لمبدأ التحسين التدريجي ، بحيث يمكن للمستخدمين دون كس أو مع جافا سكريبت تعطيل لا يزال قراءة النص بشكل مريح.
- اختبار شامل والتحقق من عرض النص على الأجهزة المختلفة للتأكد من أن حجم الخط المقترح مناسب لجميع المستخدمين.
يعد ضبط حجم خط كس جانبا مهما لإنشاء واجهة سهلة الاستخدام. باتباع المبادئ الأساسية واختبار النتائج بعناية ، ستتمكن من إنشاء مواقع الويب والتطبيقات التي ستكون ممتعة للقراءة والاستخدام.
كيفية تعيين حجم الخط للصفحة بأكملها بشكل صحيح
يلعب حجم الخط دورا مهما في تصميم صفحة الويب ، مما يؤثر على قابليتها للقراءة والإدراك البصري. يساعد ضبط حجم الخط بشكل صحيح على إنشاء بيئة مريحة لقراءة المحتوى.
يوفر كس عدة خيارات لتحديد حجم الخط:
1. الأبعاد المطلقة:
يمكنك تحديد حجم خط ثابت بالبكسل (بكسل) أو النقاط (نقطة) أو البوصة (بوصة). على سبيل المثال ، حجم الخط: 16 بكسل ؛ يضبط حجم الخط بـ 16 بكسل.
2. الأبعاد النسبية:
إنها تسمح لك بإنشاء تصميم متكيف يأخذ في الاعتبار إعدادات المستخدم وأحجام شاشة الجهاز. يمكن تحديد أحجام الخطوط النسبية كنسبة مئوية ( ٪ ) ، نسبة إلى العنصر الأصل أو ريم أو إم أو فولكس فاجن. على سبيل المثال ، حجم الخط: 120 ٪ ؛ سيزيد حجم الخط بنسبة 20 ٪ بالنسبة إلى الأصل.
3. استخدام الكلمات الرئيسية:
يوفر كس عددا من الكلمات الرئيسية لتخصيص حجم الخط ، مثل الصغيرة والمتوسطة والكبيرة وأكبر وأصغر وغيرها.
من الممارسات الجيدة عند اختيار حجم الخط لصفحة بأكملها استخدام الوحدات النسبية لضمان القدرة على التكيف مع التصميم. على سبيل المثال ، يمكنك تعيين حجم الخط لعنصر كنسبة مئوية أو ريم ، ثم ضبط الحجم بالنسبة له للعناصر الأخرى.
من المهم أن تضع في اعتبارك أن حجم الخط الأمثل سيعتمد على التصميم المطبعي ونوع المحتوى. قد تكون هناك حاجة إلى بعض التجارب والتعديلات لتحقيق أفضل نتيجة.