يعد تغيير حجم الخط جانبا مهما من تصميم الويب يمكن أن يؤثر على إدراك المستخدم للمعلومات. ومع ذلك ، قد نحتاج أحيانا إلى إعادة تعيين حجم الخط وإعادته إلى القيمة الافتراضية. في هذه المقالة ، سنلقي نظرة على بعض الطرق البسيطة لإعادة تعيين حجم نص الويب بحيث يمكنك اختيار النص المناسب لمشروعك.
الطريقة الأولى هي استخدام زر "إعادة تعيين" أو "إعادة تعيين إلى الافتراضي". يمكن وضع هذا الزر على صفحة ويب وتنشيطه عندما ينقر المستخدم. عند تنشيط الزر ، سيعود حجم الخط إلى القيمة الأصلية التي قدمها المطور. هذه الطريقة مناسبة للمستخدمين الذين يرغبون في العودة إلى حجم النص الأساسي بعد زيادته أو تقليله.
الطريقة الثانية هي استخدام خاصية كس " حجم الخط "مع القيمة"الأولية". تقوم هذه الخاصية بتعيين حجم الخط إلى القيم المحددة افتراضيا بواسطة المتصفح أو المطور. ميزة هذه الطريقة هي أنه يمكن تطبيقها على النص بأكمله على الصفحة دفعة واحدة ، وكذلك على عناصر مختلفة مثل العناوين والفقرات والقوائم.
الطريقة الثالثة هي استخدام وحدات القياس النسبية مثل" إم "أو" ريم " بدلا من القيم الثابتة مثل بكسل. يسمح ذلك بتصميم أكثر مرونة حيث يتم تحجيم حجم الخط تلقائيا اعتمادا على إعدادات المستخدم أو حجم الشاشة. إذا كنت بحاجة إلى إعادة تعيين حجم الخط ، يمكنك ببساطة إعادة تعيين قيمة الوحدة إلى القيمة الافتراضية.
نتيجة لذلك ، يعتمد اختيار كيفية إعادة تعيين حجم الخط على تفضيلاتك ومتطلبات المشروع. استخدم هذه الطرق البسيطة لتغيير حجم نص الويب وفقا لاحتياجاتك وتوفير سهولة الاستخدام.
- كيفية زيادة أو تقليل حجم الخط: إعادة تعيين الحجم القياسي
- تغيير حجم الخط باستخدام كس
- استخدام اختصارات لوحة المفاتيح لتغيير حجم النص
- تغيير حجم الخط في إعدادات المتصفح
كيفية زيادة أو تقليل حجم الخط: إعادة تعيين الحجم القياسي
لإعادة تعيين حجم الخط القياسي ، يمكنك استخدام خاصية كس "حجم الخط". تتيح لك هذه الخاصية تحديد حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
لإعادة تعيين حجم الخط القياسي وتعيينه على قيمة معينة ، يمكنك استخدام الكود التالي:
- لزيادة حجم الخط:
- لتقليل حجم الخط:
مثال على استخدام الكود:
ص {
حجم الخط: أكبر;
}
- بدلا من إعادة تعيين حجم الخط القياسي ، يوصى باستخدام وحدات قياس نسبية مثل "إم" أو "ريم". تسمح لك بتغيير حجم الخط ديناميكيا بناء على حجم خط العنصر الأصل أو حجم الخط الذي قمت بتعيينه. هذا يسمح لك بإنشاء تخطيط أكثر مرونة وتكيفا.
تغيير حجم الخط باستخدام كس
- يمكنك أيضا استخدام الوحدات النسبية مثل النسب المئوية ( ٪ ) لتغيير حجم الخط بالنسبة إلى حجمه الحالي. على سبيل المثال:
حجم الخط: 120%;
- يزيد من حجم الخط بنسبة 20 ٪ من حجمه الحالي.
- حجم الخط: 1.2 م;
- - يزيد من حجم الخط بنسبة 20 ٪ من حجمه الحالي.
- يمكنك أيضا تغيير حجم الخط باستخدام خصائص كس الأخرى ، مثل" الخط "أو"ضبط حجم الخط". تتيح لك هذه الخصائص تحديد حجم الخط ونمطه بدقة أكبر على صفحة الويب.
باستخدام كس ، يمكنك تجربة مع أحجام الخطوط المختلفة وإنشاء صفحات الويب مع تصميم فريد من نوعه وقراءة النص. تذكر أن اختيار حجم الخط الصحيح يمكن أن يحسن بشكل كبير تجربة القراءة على موقعك.
استخدام اختصارات لوحة المفاتيح لتغيير حجم النص
إذا كنت تريد تغيير حجم النص بسرعة على صفحة ويب دون استخدام الماوس ، فيمكنك استخدام اختصارات لوحة المفاتيح. فيما يلي بعض التركيبات المفيدة:
السيطرة +"+": زيادة حجم النص
السيطرة +" -": تقليل حجم النص
السيطرة + "0": إعادة تعيين حجم النص إلى حجمه الأصلي
| يوجد المفتاح " + " عادة في الصف العلوي من لوحة المفاتيح ، بجوار الأزرار الرقمية. وبالمثل ، يقع المفتاح " - "بجوار الزر"+". يشار إلى المفتاح" 0 " بالرقم صفر. |
|
| لتغيير حجم الخط باستخدام إعدادات المتصفح ، اتبع الإرشادات التالية: |
|
| في هذا القسم ، يمكنك تغيير حجم الخط عن طريق تعيين القيمة المطلوبة في خيار "النص". |
|
في هذا القسم ، يمكنك تغيير حجم الخط باستخدام خيار حجم الخط.
مايكروسوفت إيدج: