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