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