الخط هو أحد العناصر الرئيسية لتصميم وتنسيق النص على صفحات الويب. يمكن للخط المختار جيدا والمقروء أن يحسن بشكل كبير الإدراك البصري للمحتوى. تتمثل إحدى طرق التحكم في الخطوط في تغيير حجمها.
غالبا ما يستخدم مطورو الويب والمصممون خاصية حجم الخط المغلق للتحكم في حجم الخط. يسمح لك بتعيين حجم الخط بالبكسل أو النسب المئوية أو وحدات الريم أو إم. ومع ذلك ، قبل البدء في تغيير حجم الخطوط ، من المهم فهم كيفية عمل وحدات القياس هذه وكيفية تفاعلها مع العناصر الأخرى لصفحة الويب.
يتم تعيين حجم الخط النسبي باستخدام وحدة النسبة المئوية للقياس. عند استخدام نسبة مئوية داخل عنصر الأصل ، سيكون حجم الخط بالنسبة إلى هذا الأصل. على سبيل المثال ، إذا كان حجم خط العنصر الأصل 16 بكسل ، وكان للعنصر الفرعي قيمة حجم محددة بنسبة 50 ٪ ، فسيكون حجم الخط داخل العنصر الفرعي 8 بكسل.
إذا كانت لديك رغبة في إنشاء تصميم متكيف ، فقد يكون استخدام وحدات القياس النسبية مثل إم أو ريم مفيدا. م يحدد حجم الخط نسبة إلى حجم الخط من الأصل. إذا كان حجم خط العنصر الأصل 16 بكسل ، وقام العنصر الفرعي بتعيين القيمة إلى 2 ميغابايت ، فسيكون حجم الخط 32 بكسل. ريم يحدد حجم الخط بالنسبة لحجم العنصر الأساسي-العنصر الجذر أو العنصر الجذر هتمل.
بمعرفة هذه المفاهيم والمبادئ الأساسية لتعديل حجم الخط ، يمكنك بسهولة البدء في تطبيقها على صفحات الويب الخاصة بك. حدد أهدافك ومتطلباتك ، وحدد وحدات القياس المناسبة وجرب قيما مختلفة لتحقيق التأثير المرئي المطلوب.
- حجم الخط: جانب مهم من تصميم النص
- كيفية تغيير حجم الخط في هتمل
- تطبيق سمة "الحجم" لتعيين حجم الخط
- استخدام سمة" النمط " لتغيير حجم الخط
- تحديد حجم الخط باستخدام المغلق
- استخدام خاصية "حجم الخط" في كس لتغيير حجم الخط
حجم الخط: جانب مهم من تصميم النص
يعتمد تحديد حجم الخط الأمثل على العديد من العوامل. على سبيل المثال ، قد يؤثر الجمهور المستهدف ونوع المحتوى وميزات التخطيط على الاختيار. لجعله أسهل بالنسبة لك للعمل مع الخط ، يوفر هتمل عدة طرق لتغيير حجمه.
التصميم مع المغلق
. من الممكن ضبط حجم الخط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
على سبيل المثال ، لتعيين حجم الخط بالبكسل ، يمكنك استخدام بناء كس التالي:
ص {
حجم الخط: 14 بكسل;
}
طريقة بديلة هي استخدام وحدات القياس المطلقة والنسبية. على سبيل المثال:
ص {
حجم الخط: 1.2 م;
}
يمكنك أيضا تحديد حجم الخط كنسبة مئوية بالنسبة إلى الحجم الأساسي:
ص {
حجم الخط: 120%;
}
يتيح لك استخدام وحدات القياس النسبية إنشاء تصميم مرن وسريع الاستجابة يتكيف تلقائيا مع الأجهزة والشاشات المختلفة.
و
الأصغر.
يستخدم لتمييز الفقرات وله حجم الخط الافتراضي. بالإضافة إلى حجم الخط المحدد في البداية في المتصفح ، يمكنك تطبيق أنماط إضافية باستخدام كس.
يمكن أن يساعد تحديد حجم الخط الصحيح على صفحات الويب في تحسين المظهر المرئي وإمكانية الوصول إلى المحتوى للمستخدمين. جرب خيارات مختلفة واختر الحجم الذي يناسب مشروعك.
كيفية تغيير حجم الخط في هتمل
بادئ ذي بدء ، يمكنك تعيين حجم الخط مباشرة باستخدام السمة. بدلا من س ، حدد حجم الخط المطلوب بالبكسل. على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل ، استخدم التعليمات البرمجية التالية:
النص
يمكنك أيضا استخدام أنماط كس المعرفة في علامة أو ملف كس خارجي. على سبيل المثال:
النص
حجم الخط: 16 بكسل;