يعد تغيير حجم الخط على صفحة الويب أحد الجوانب المهمة لتصميم الويب. يمكن أن يؤدي حجم الخط المختار جيدا إلى تحسين قابلية القراءة والتأثير البصري للمحتوى على الموقع.
هناك عدة طرق لتغيير حجم الخط في هتمل. واحدة من أسهل الطرق هي استخدام والعلامات. يتم استخدام العلامة لتمييز النص بجعله غامقا ، ويتم استخدام العلامة لتمييز النص بخط مائل. تسمح لك كلتا العلامتين أيضا بتغيير حجم الخط تلقائيا لتحقيق سهولة قراءة أفضل.
هناك طريقة أخرى لتغيير حجم الخط على صفحة ويب وهي استخدام سمة النمط في العلامة
يمكنك أيضا تغيير حجم الخط باستخدام وحدات القياس النسبية مثل النسب المئوية أو م. على سبيل المثال ، إذا كنت تريد تعيين حجم الخط إلى 150 ٪ بالنسبة للحجم الأساسي ، فيمكنك استخدام السمة التالية: النمط="حجم الخط: 150٪؛". هذه الطريقة مفيدة بشكل خاص عند إنشاء إصدارات سريعة الاستجابة ومحمولة من صفحات الويب ، لأنها تتيح لك تغيير أحجام الخطوط بسهولة اعتمادا على الجهاز أو دقة الشاشة.
- تحديد حجم الخط في هتمل
- سمة حجم الخط لتغيير حجم الخط
- استخدام القيم النسبية
- تغيير حجم الخط باستخدام كس
- استخدام خاصية حجم الخط
- استخدام القيم النسبية
- استخدام الكلمات الرئيسية
تحديد حجم الخط في هتمل
في هتمل ، يمكنك تحديد حجم الخط باستخدام سمة "نمط" من علامة "الخط". للقيام بذلك ، تحتاج إلى استخدام قيمة "حجم الخط" مع حجم خط معين ، والذي يمكن تعيينه بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
يمكنك استخدام بناء الجملة التالي لتحديد حجم الخط بالبكسل:
مثال على نص بحجم خط 12 بكسل
لتحديد حجم الخط كنسبة مئوية ، تحتاج إلى تعيين قيمة سمة "حجم الخط" وفقا للنسبة المئوية المطلوبة بالنسبة للقيمة الافتراضية. على سبيل المثال:
مثال على نص بحجم خط 150 ٪ نسبة إلى القيمة الافتراضية
يمكنك أيضا استخدام وحدات قياس أخرى لتعيين حجم الخط. على سبيل المثال ، يمكنك تحديد الحجم في "إم" أو "ريم".
ملاحظة: يتم إهمال استخدام علامة "الخط" مع سمة "النمط" لتعيين حجم الخط. فمن المستحسن استخدام كس لعناصر نمط وتعيين حجم الخط.
في ما يلي مثال على نمط كس الذي سيحدد حجم الخط لجميع الفقرات في الصفحة:
سيتم تطبيق هذا النمط على جميع العلامات " ص " ، وتحديد حجم الخط إلى 16 بكسل.
سمة حجم الخط لتغيير حجم الخط
يتم استخدام سمة حجم الخط في هتمل لتغيير حجم الخط على صفحة ويب. يمكن تطبيقه على أي عنصر نصي ، مثل الفقرات أو العناوين أو الكلمات الفردية.
يمكن تحديدها في وحدات قياس مختلفة ، مثل:
بكسل (بكسل) ، النسب المئوية ( ٪ ) ، القيم النسبية (إم ، ريم) أو القيم المطلقة (بت ، سم ، مم ، في).
على سبيل المثال ، لتعيين حجم الخط بالبكسل ، يمكنك استخدام القاعدة التالية في كس:
ص {
- فيما يلي أمثلة على كيفية استخدام السمة
- لتغيير حجم الخط:
- - حجم الخط 12 بكسل
حجم الخط: 150%;
- سيكون الخط 150٪ من حجم الخط الافتراضي
باستخدام السمة
حجم الخط
يمكنك بسهولة تغيير أحجام الخطوط على صفحة ويب لتحقيق التأثير المرئي المطلوب وتحسين إمكانية قراءة النص.
- عند تعيين حجم الخط على صفحة ويب ، يمكنك استخدام كل من القيم المطلقة والنسبية.
- : تعيين حجم الخط يساوي حجم الخط الحالي للعنصر الأصل أو جهاز المستخدم;
- : تعيين حجم الخط يساوي حجم الخط الحالي للعنصر
أتش تي أم أل
: يحدد حجم الخط كنسبة مئوية من القيمة الأساسية.
مثال على استخدام القيم النسبية:
- }
- حجم الخط: 1.5 ريم;
- حجم الخط: 150%;
}
- p
ح1
حجم الخط في عناوين المستوى الثاني (
ح2
- ) سيكون 1.5 مرة أكبر من القيمة الأساسية المحددة على مستوى العنصر
حجم الخط في عناوين المستوى الثالث (
يتيح لك استخدام القيم النسبية إنشاء صفحة ويب مرنة وقابلة للتكيف تبدو جيدة على أجهزة مختلفة وبأحجام خطوط مختلفة للمستخدم.
تغيير حجم الخط باستخدام كس
- في أوراق الأنماط المتتالية (كس) ، يمكنك استخدام خصائص مختلفة لتغيير حجم الخط على صفحة ويب. فيما يلي بعض الطرق الرئيسية لتغيير حجم الخط باستخدام كس.
حجم الخط