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