قد تكون بحاجة إلى تقليل حجم النص على صفحة ويب أو في مستند في مرحلة ما. في الوقت نفسه ، من المهم عدم فقدان إمكانية القراءة والحفاظ على المظهر الجمالي. في هذه المقالة ، سنتحدث عن عدة طرق فعالة لتقليل الخط الذي سيساعدك على التعامل مع هذه المهمة.
الطريقة الأولى هي استخدام خاصية حجم الخط المغلق. يمكنك تعيين حجم الخط الذي تحتاجه عن طريق إضافة قيمته بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. على سبيل المثال ، باستخدام قاعدة كس "حجم الخط: 12 بكسل ؛" ، يمكنك تعيين حجم الخط إلى 12 بكسل.
المجلس: لتسهيل القراءة ، يوصى باستخدام قيم خطوط أصغر بكثير فقط في حالات الضرورة القصوى. خلاف ذلك ، قد يصبح من الصعب قراءة النص ، خاصة على الأجهزة ذات الشاشة الصغيرة.
هناك طريقة أخرى لتقليل الخط وهي استخدام علامة هتمل الصغيرة. تتيح لك هذه العلامة تقليل حجم النص بعدة نقاط ، مما يجعله أقل وضوحا. على سبيل المثال ، يمكنك التفاف النص الذي تحتاجه في علامة صغيرة على النحو التالي: النص الخاص بك.
سيسمح لك استخدام هذه الطرق بتقليل الخط بسرعة وفعالية على صفحة ويب أو في مستند. لا تنس أنه من المهم اختيار حجم الخط الأمثل لضمان سهولة قراءة النص.
- كيفية جعل الخط أصغر على الصفحة: 6 أفضل الطرق
- تحديث أنماط كس لتغيير حجم الخط
- استخدام السمة "حجم الخط" في علامة هتمل
- تطبيق خاصية "التكبير / التصغير" لتقليل حجم النص
- تغيير مقياس الصفحة في المتصفح
كيفية جعل الخط أصغر على الصفحة: 6 أفضل الطرق
هل تريد تقليل الخط على صفحة الويب الخاصة بك لجعلها أكثر إحكاما وسهلة القراءة? تقدم هذه المقالة ست طرق فعالة لتحقيق هذا الهدف:
- استخدام وحدات الريم أو إم للقياس لتعيين حجم الخط. على سبيل المثال ، يمكنك تعيين حجم الخط: 0.8 ريم ؛ في ملف كس الخاص بك لتقليل الخط بنسبة 20 ٪ بالنسبة لحجم الخط المحدد للوالد.
- تغيير حجم الخط باستخدام خاصية حجم الخط كنسبة مئوية. يمكنك تعيين حجم الخط: 80%; لتقليل الخط بنسبة 20 ٪ بالنسبة إلى حجمه الأصلي.
- استخدام الأنماط لتعيين حجم خط جديد لعناصر معينة. على سبيل المثال ، يمكنك استخدام .محدد الخطوط الصغيرة لتعيين حجم الخط: 12 بكسل ؛ لجميع العناصر ذات فئة الخطوط الصغيرة.
- تطبيق التحويل: مقياس المغلق الملكية (خ); إلى العنصر ، حيث س هو عامل التكبير. على سبيل المثال ، يمكنك تعيين تحويل: مقياس(0.8) ؛ لتقليل حجم عنصر بنسبة 20 ٪ بالنسبة إلى حجمه الأصلي.
- استخدام خاصية وزن الخط مع القيمة الأخف لإنشاء تأثير مرئي لتقليل الخط. على سبيل المثال ، يمكنك تعيين الخط الوزن: أخف وزنا; لعنصر لجعل الخط أرق.
- تطبيق الفئات على العناصر واستخدام أنماط كس لتقليل الخط لهذه الفئات. على سبيل المثال ، يمكنك إنشاء .فئة النص الصغيرة واستخدامها للعناصر التي تحتاج إلى تقليل الخط.
يمكن أن يساعدك استخدام هذه الطرق معا في تحقيق تأثير تقليل الخط المطلوب على صفحة الويب الخاصة بك. استخدامها اعتمادا على تفضيلاتك واحتياجات المشروع.
تحديث أنماط كس لتغيير حجم الخط
يمكن أن يكون تغيير حجم الخط على صفحة ويب عملية بسيطة إلى حد ما باستخدام أنماط كس. كس لديها العديد من الخصائص التي يمكن استخدامها لتقليل حجم الخط:
| الممتلكات | الوصف | مثال |
|---|---|---|
| حجم الخط | يحدد حجم خط العنصر | حجم الخط: 12 بكسل; |
| م | يحدد حجم الخط بالنسبة إلى العنصر الأصل | حجم الخط: 0.8 م; |
| ريم | يحدد حجم الخط بالنسبة إلى العنصر الجذر | حجم الخط: 0.8 ريم; |
| % | يحدد حجم الخط كنسبة مئوية نسبة إلى حجم الخط الأساسي | حجم الخط: 80%; |
باستخدام إحدى هذه الخصائص ، يمكنك تقليل حجم الخط بسرعة على صفحة الويب. من المهم أن تتذكر أن تغيير حجم الخط قد يؤثر على سهولة قراءة المحتوى ، لذلك يوصى باختبار أحجام الخطوط وضبطها حتى يتم تحقيق النتيجة المثلى.
استخدام السمة "حجم الخط" في علامة هتمل
مثال على استخدام سمة "حجم الخط" في علامة :
في هذا المثال ، يتم تعيين حجم الخط إلى 12 بكسل. لتقليل الخط ، يكفي تقليل قيمة هذه السمة.
بالإضافة إلى استخدام سمة "حجم الخط" في العلامات الفردية ، يمكنك أيضا تطبيقها على مجموعة من العلامات أو تطبيق أنماط على الفئات أو معرفات العناصر باستخدام كس.
على سبيل المثال ، لتقليل الخط داخل فقرة ، يمكنك استخدام التعليمات البرمجية التالية:
إذا كنت بحاجة إلى تقليل الخط داخل جميع الفقرات في الصفحة ، فيمكنك تطبيق النمط على فئة الفقرة ، على سبيل المثال:
ثم تحتاج إلى إضافة هذه الفئة إلى العلامة :
وبالتالي ، فإن سمة "حجم الخط" في علامة هتمل هي إحدى الطرق لتقليل الخط بسرعة على صفحة الويب. انها تسمح لك لتعيين حجم الخط المطلوب وتطبيقه على كل من العناصر الفردية ومجموعة من العلامات باستخدام كس.
تطبيق خاصية "التكبير / التصغير" لتقليل حجم النص
كس لديه خاصية "التكبير" التي تسمح لك لتوسيع نطاق العناصر على صفحة ويب. يمكن استخدامه أيضا لتقليل حجم النص.
لتطبيق خاصية "التكبير / التصغير" على النص ، يمكنك استخدام الكود التالي:
}
في هذا المثال ، قمنا بتعيين القيمة على " 0.8 "لخاصية" التكبير " ، مما يقلل من حجم النص بنسبة 20٪. يمكنك تغيير هذه القيمة حسب احتياجاتك.
تطبيق خاصية "التكبير" على النص له العديد من المزايا:
- سهولة الاستخدام. وهو ما يكفي لإضافة بضعة أسطر من رمز كس ، وكنت بالفعل الحصول على نص مخفض.
- تنفيذ سريع. يتم دعم خاصية "التكبير / التصغير" من قبل معظم المتصفحات الحديثة ، لذلك يمكنك التأكد من عرض النص الخاص بك بشكل صحيح على أجهزة ومنصات مختلفة.
- انخفاض نسبي. باستخدام خاصية "التكبير / التصغير" ، لا يمكنك تصغير النص فحسب ، بل يمكنك أيضا تصغير العناصر الأخرى على الصفحة ، مثل الصور والجداول وما إلى ذلك.
ومع ذلك ، يجدر النظر في العيوب التالية لخاصية " التكبير:
- عدم توفر في بعض المتصفحات. قد لا تدعم بعض الإصدارات القديمة من المتصفحات خاصية "التكبير / التصغير" ، لذلك عند استخدام هذا الأسلوب ، من الضروري التحقق من أدائها على متصفحات مختلفة.
- عدم وجود تحجيم سلس. عند استخدام خاصية" التكبير / التصغير " ، يحدث التكبير / التصغير على الفور ويمكن أن يكون مفاجئا بعض الشيء ، على عكس الطرق الأخرى لتغيير حجم النص.
بشكل عام ، يمكن أن تكون خاصية" التكبير / التصغير " مفيدة في المواقف التي تحتاج فيها إلى تقليل حجم النص أو عناصر الصفحة الأخرى بسرعة وبشكل نسبي. ومع ذلك ، فمن الضروري أن تأخذ في الاعتبار حدودها ومشاكل التوافق المحتملة مع المتصفحات المختلفة.
تغيير مقياس الصفحة في المتصفح
في بعض الأحيان يحتاج المستخدم إلى تغيير مقياس الصفحة في المتصفح لتقليل الخط وجعل النص أكثر قابلية للقراءة. فيما يلي بعض الطرق الفعالة لتغيير مقياس الصفحة في المتصفحات الشائعة:
1. جوجل كروم:
لتصغير الصفحة ، يمكنك استخدام اختصار لوحة المفاتيح "كترل" و "-" (ناقص). مع كل نقرة من هذه المجموعة ، ستتقلص الصفحة. للعودة إلى المقياس العادي ، يمكنك الضغط على اختصار لوحة المفاتيح "كترل" و "0" (صفر).
2. موزيلا فايرفوكس:
في فايرفوكس ، يمكنك أيضا استخدام اختصار لوحة المفاتيح "كترل" و "-" (ناقص) لتصغير الصفحة. للعودة إلى التكبير العادي ، يمكنك الضغط على اختصار لوحة المفاتيح" السيطرة "و" 0 " (صفر).
3. مايكروسوفت إيدج:
في الحافة ، يمكنك تغيير مقياس الصفحة بالنقر بزر الماوس الأيمن على الزاوية اليمنى القصوى من الصفحة وتحديد خيار "تصغير" من قائمة السياق. يمكنك أيضا استخدام اختصار لوحة المفاتيح" السيطرة " و " - "(ناقص) للتصغير و" السيطرة "و" 0 " (صفر) للعودة إلى التكبير العادي.
4. سفاري:
في سفاري ، يمكنك تصغير الصفحة بالضغط على مفتاحي" الأمر " و " - " (ناقص). للعودة إلى المقياس العادي ، يمكنك الضغط على مفتاح "الأمر" و "0" (صفر).
باستخدام اختصارات لوحة المفاتيح البسيطة هذه ، يمكن للمستخدمين تغيير مقياس الصفحة بسرعة وسهولة في متصفحاتهم لتقليل الخط وجعل النص أكثر قابلية للقراءة.