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