يلعب الخط دورا مهما في تصميم صفحة الويب. يسمح لك بتسليط الضوء على العناصر المهمة وتحسين إمكانية قراءة النص وإنشاء نمط فريد لموقعك. عندما يتعلق الأمر باختيار حجم الخط ، يجب أن يكون كل عنصر متناغما ويلبي متطلبات صفحة الويب.
غالبا ما يواجه المطورون مهمة ضبط حجم خط صفحة الويب في المستوى 7. حجم الخط 7 هو الوحدة الأولية لقياس الخطوط في تطوير الويب ويتوافق مع الحجم الأساسي الذي يحدده المتصفح. ومع ذلك ، يجب أن نتذكر أن كل متصفح قد يكون له اختلافات صغيرة في الحجم الأساسي.
وبالتالي, كيفية جعل حجم الخط 7 وفقا للعينة? أولا ، ستحتاج إلى استخدام مجموعة الخطوط الصحيحة. لإنشاء حجم الخط 7 ، فمن المستحسن استخدام الخطوط بلا الرقيق مثل أريال ، هلفتيكا أو فيردانا. كلها سهلة القراءة ومناسبة للعديد من أنواع المحتوى.
ومع ذلك ، تجدر الإشارة إلى أن حجم خط صفحة الويب يعتمد على إعدادات متصفح المستخدم. يمكن للمستخدمين تغيير حجم النص يدويا في متصفحاتهم ، لذلك عليك أن تكون مرنا وأن تكيف صفحة الويب الخاصة بك مع أحجام خطوط مختلفة. يمكن القيام بذلك باستخدام وحدات القياس النسبية مثل النسب المئوية (٪أو إم أو ريم) ، بالإضافة إلى استعلامات الوسائط لضبط أحجام الخطوط على الأجهزة المختلفة ودقة الشاشة.
- كيفية تعيين حجم خط 7 للنص الخاص بك
- افتح ملف كس في محرر نصوص
- ابحث عن القسم المسؤول عن التصميم الأسلوبي للنص
- أضف قاعدة جديدة لتعيين حجم الخط
- حدد حجم الخط المطلوب بالبكسل
- احفظ التغييرات وقم بتحديث الصفحة في المتصفح
كيفية تعيين حجم خط 7 للنص الخاص بك
لتعيين حجم خط 7 للنص ، يمكنك استخدام علامة الخط بحجم القيمة=7. وهنا ما يبدو نموذج التعليمات البرمجية مثل:
النص الخاص بك
استبدل "النص الخاص بك" بالنص الذي تريد عرضه بحجم خط 7. بعد ذلك ، يمكنك نسخ ولصق هذا الرمز في المكان المناسب من مستند هتمل الخاص بك.
ومع ذلك ، تجدر الإشارة إلى أن استخدام علامة الخط مع سمة الحجم هو طريقة قديمة ولا ينصح باستخدامها. بدلا من ذلك ، فمن المستحسن استخدام كس لتعيين حجم الخط. هنا هو رمز سبيل المثال التي يمكن استخدامها:
النص الخاص بك
هنا نقوم بتعيين حجم الخط باستخدام خاصية حجم الخط المغلق وقيمة 7 بكسل. استبدل" النص الخاص بك " بالنص الذي تحتاجه والصق هذا الرمز في المكان المناسب من مستند هتمل الخاص بك.
الآن أنت تعرف كيفية تعيين حجم خط 7 للنص الخاص بك باستخدام كل من علامة الخط القديمة و كس.
افتح ملف كس في محرر نصوص
لجعل حجم الخط 7 وفقا للعينة ، تحتاج إلى فتح ملف كس في محرر نصوص. يحتوي ملف كس على إرشادات حول كيفية تصميم صفحة ويب. لفتح ملف ، انقر بزر الماوس الأيمن فوقه وحدد"فتح باستخدام". ثم حدد محرر نصوص من قائمة البرامج.
عند فتح الملف ، سترى مجموعة من قواعد كس مكتوبة بلغة كس. راجع هذه القواعد بعناية وابحث عن القواعد المسؤولة عن حجم الخط.
لإنشاء حجم خط 7 ، ابحث عن القاعدة التي تحدد حجم الخط وقم بتغيير قيمته إلى "7 بكسل". على سبيل المثال ، إذا كانت القاعدة تبدو كما يلي:
حجم الخط: 12 بكسل;
تغييره إلى:
حجم الخط: 7 بكسل;
بعد إجراء التغييرات ، احفظ الملف وأغلق محرر النصوص. الآن سيتم عرض الخط على صفحة الويب الخاصة بك مع حجم 7.
ابحث عن القسم المسؤول عن التصميم الأسلوبي للنص
.
، إلخ.
، والذي يحتوي على نص بحيث يتغير الخط وفقا للعينة.
ويصف قواعد كس اللازمة لتحديد حجم الخط 7.
أضف قاعدة جديدة لتعيين حجم الخط
. ما عليك سوى إضافة قاعدة جديدة إلى قسم الأنماط في المستند:
- .
- .
- .
قد يبدو الرمز الكامل كما يلي:
الآن سيتم عرض جميع فقراتك بحجم الخط 7.
حدد حجم الخط المطلوب بالبكسل
إذا كنت ترغب في تعيين حجم الخط بالبكسل ، فستحتاج إلى استخدام كس. للقيام بذلك ، يستخدم كس خاصية حجم الخط. يبدو بناء الجملة كما يلي:محدد {
حجم الخط: القيمة;}
بدلا من" المحدد "، يجب عليك تحديد محدد العنصر الذي تريد تطبيق نمط حجم الخط عليه ، وبدلا من" القيمة " — حجم الخط المطلوب بالبكسل. على سبيل المثال ، إذا كنت تريد تعيين حجم الخط إلى 7 بكسل ، فسيبدو الرمز كما يلي:
ص {
حجم الخط: 7 بكسل;