إعدادات الخط: وهي ليست مسافة بادئة

تلعب الخطوط دورا مهما في إنشاء تصميم الويب ، ويمكن أن يؤثر الاستخدام الصحيح لإعدادات الخطوط بشكل كبير على الإدراك البصري للمحتوى.

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

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

يعد تعيين تباعد الأسطر المناسب أيضا معلمة خط مهمة. يحدد تباعد الأسطر مقدار المسافة بين أسطر النص ويؤثر على سهولة قراءته ومظهره.

معلمة الخط الهامة الأخرى هي محتوى الدهون. يحدد الخط الغامق تشبع الخط ويسمح لك بتمييز العبارات أو الفقرات الرئيسية في النص. يستخدم الخط الغامق عادة للعناوين أو الأقسام المهمة من النص ، بينما يوصى باستخدام خط أفتح للمحتوى الرئيسي. يمكن أن يساعد الجمع بين أحجام الخطوط المختلفة في تنظيم المعلومات على الصفحة وجعل المحتوى أكثر تنظيما وفهما للقراء.

1. إعدادات الخط: الميل ، الارتفاع ، سماعة الرأس
2. ما هي خيارات الخط?
3. كيف يمكنني تغيير الميل الخط?
4. كيف يمكنني اختيار ارتفاع الخط المناسب?

معلمات الخط: الميل ، الارتفاع ، المحرف

الميل هو الزاوية التي يميل بها النص. هناك نوعان رئيسيان من الإمالة: مائل وجريء مائل (مائل). عادة ما يستخدم الخط المائل لإبراز المعلومات المهمة أو الاقتباسات أو عناوين الكتب.

ارتفاع الخط هو المسافة

ما هي خيارات الخط?

تحدد إعدادات الخط في صفحة الويب مظهر النص وعرضه. تسمح لك بالتحكم في حجم الخط والنمط والمحاذاة والخصائص الأخرى.

يستخدم هتمل خيارات الخط المختلفة:

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

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

كيف يمكنني تغيير الميل الخط?

لتغيير إمالة الخط في هتمل ، يمكنك استخدام علامة إم. تضع هذه العلامة النص داخل نفسها وتعطيها نمطا مائلا.

على سبيل المثال ، إذا أردنا جعل كلمة "مرحبا" مائلة ، فيمكننا استخدام الكود التالي:

أهلاً

سيكون للنص المحاط بعلامة إم نمط خط مائل. سيكون كل شيء بين علامتي الفتح والإغلاق مائلا.

كيف يمكنني اختيار ارتفاع الخط المناسب?

قد يكون اختيار ارتفاع الخط الصحيح أمرا صعبا ، ولكن هناك العديد من التوصيات التي ستساعدك على اختيار حجم النص الأمثل للمحتوى الخاص بك.

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

2. سهولة القراءة. يجب أن يكون ارتفاع الخط بحيث يسهل قراءة النص للمستخدمين من جميع الفئات العمرية ومستويات الرؤية. يمكن أن يجعل الخط الصغير جدا من الصعب قراءته ، ويمكن أن يشغل الخط الكبير جدا مساحة كبيرة جدا ويبدو غير متناسب.

3. الحاكم. يجب أن يتطابق ارتفاع الخط أيضا مع المسطرة المحددة لضمان سهولة القراءة. يجب أن تأخذ أحجام الخطوط والربط وتباعد الأسطر بعضها البعض في الاعتبار.

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

5. اختبار. قبل اختيار حجم الخط النهائي ، يوصى باختباره على أجهزة مختلفة وبدقة شاشة مختلفة. سيضمن ذلك بقاء النص قابلا للقراءة في جميع الظروف.