كيفية تغيير حجم الخط في HTML

بنت (5-7) تجلس على الأريكة مع كمبيوتر محمول ، المنظر الخلفي

يمكنك بسهولة تغيير حجم خط صفحة الويب الخاصة بك باستخدام CSS.

حقوق الصورة: Ableimages / فوتوديسك / جيتي إيماجيس

يمكنك التحكم في حجم خط صفحة الويب الخاصة بك باستخدام خاصية حجم الخط للغة نمط HTML ، Cascading Style Sheets. بدءًا من HTML 5 ، يستبدل أسلوب CSS لتصميم الخط علامة "الخط" الأقدم. على الرغم من أن علامة الخط صالحة لصفحات الويب المنسقة بتنسيق HTML 4 ، إلا أنها لم تعد مدعومة كعلامة صالحة في HTML 5.

تحديد حجم الخط باستخدام CSS

يتم تعيين أحجام الخطوط في صفحة الويب الخاصة بك باستخدام السمة CSS "حجم الخط". يتم تحديد أحجام الخطوط عادةً باستخدام امتداد قياس مطبعي "em" ، حيث يمثل 1.0 حجم الخط الحالي ، أو النسب المئوية ، حيث يمثل الخط الحالي 100 بالمائة بحجم. يمكنك أيضًا استخدام أسماء القيم المعينة مسبقًا ، مثل "أصغر" و "أكبر" و "صغير" و "xx-كبير". أثناء تحديد الحجم بالبكسل أو النقاط صالحة ، لا ينصح بذلك لأن النص الخاص بك قد لا يتم قياسه بشكل صحيح بشكل معين ظروف.

فيديو اليوم

يمكنك استخدام الأنماط في أي علامة HTML تقريبًا في نص صفحة الويب الخاصة بك. أضف سمة "style" إلى العلامة مع تعيين سمة font-size في CSS على الحجم الذي تريده. يؤثر النمط على النص بين بداية العلامة ونهايتها - على سبيل المثال:

هذا النص أكبر من المعتاد.

هذا النص أصغر.

هذا النص أصغر أيضًا.

استخدام CSS في ورقة الأنماط الخاصة بك

إذا كانت صفحة الويب الخاصة بك تحتوي على ورقة أنماط CSS ، إما مضمنة في رأس الصفحة أو محددة في ملف منفصل ، يمكنك تغيير حجم الخط هناك. تعد أوراق الأنماط سهلة الاستخدام لإجراء تغييرات عامة على صفحة الويب الخاصة بك. ابحث عن التصريح الذي ترغب في تغييره أو أضفه وأضف رمز حجم الخط. على سبيل المثال ، لجعل حجم الخط أكبر لجميع علامات الفقرة ، استخدم:

ص {حجم الخط: 125٪ ؛ }