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