تنسيق الخط: المعلمات الأساسية

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

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

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

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

1. ما هو تنسيق الخط وما هي المعالم الرئيسية التي يتضمنها?
2. تعلم أساسيات تنسيق الخط
3. حجم الخط: كيفية تحديد وتعيين القيم المطلوبة
4. عائلة الخط: كيف تؤثر على تصور النص
5. نمط الخط: ما هي الاحتمالات التي يوفرها التنسيق?

ما هو تنسيق الخط وما هي المعالم الرئيسية التي يتضمنها?

تتضمن خيارات تنسيق الخط الرئيسية ما يلي:

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

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

تعلم أساسيات تنسيق الخط

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

مثال:

}

معلمة مهمة أخرى هي نوع الخط. هناك العديد من الخطوط المضمنة مثل أريال ، تايمز نيو رومان وفيردانا. لتعيين نوع الخط لكل نص في مستند ، استخدم رمز كس التالي:

مثال:

}

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

مثال:

هذا نص غامق ، وهذا نص مائل.

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

حجم الخط: كيفية تحديد وتعيين القيم المطلوبة

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

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

النص

يمكنك أيضا استخدام قيمة النسبة المئوية ، على سبيل المثال ، 100 ٪ سوف تتوافق مع حجم الخط الافتراضي لهذا العنصر:

النص

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

نص صغير

في كس ، يمكنك تحديد فئة "الخط الصغير" وتعيينها حجم الخط المطلوب:

.الخط الصغير {

حجم الخط: 12 بكسل;

}

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

النص

القيمة هي " 1.2م " يعني خطا أكبر بنسبة 20 ٪ من الخط الافتراضي لهذا العنصر.

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

عائلة الخط: كيف تؤثر على تصور النص

تتضمن عائلة الخطوط عدة أنواع أساسية:

الرقيق (الخطوط الرقيق) - لديها عناصر زخرفية في شكل نقاط صغيرة (الرقيق) في نهايات الأحرف. عادة ما يستخدم هذا النوع من الخطوط للنصوص المطبوعة ، حيث تساعد الخطوط الرقيقة على تنعيم زوايا الأحرف وزيادة إمكانية القراءة.

بلا الرقيق (الخطوط بلا الرقيق) - لم يكن لديك الرقيق وهي أحرف بسيطة ونظيفة مع مظهر حديث وموجز. يستخدم هذا النوع من الخطوط بشكل شائع في تصميم الويب والطباعة الرقمية.

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

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

نمط الخط: ما هي الاحتمالات التي يوفرها التنسيق?

نمط الخط: تسمح لك هذه المعلمة بتعيين نمط الخط. يمكن أن يكون إما "مائل" (مائل) أو "عادي" (قياسي). يتم استخدام الخط المائل ، على سبيل المثال ، لتمييز علامات الاقتباس أو العبارات.

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

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

تحويل النص: تسمح لك هذه المعلمة بتغيير حالة النص. تقوم القيمة "أحرف كبيرة" (أحرف كبيرة) بتحويل جميع الأحرف في النص إلى أحرف كبيرة ، والقيمة "أحرف صغيرة" (أحرف صغيرة) تجعل جميع الأحرف صغيرة.

تباعد الحروف: تسمح لك هذه المعلمة بزيادة أو تقليل المسافة بين الأحرف في النص. يتم تعيين القيمة بالبكسل أو وحدات القياس الأخرى.

تباعد الكلمات: يتيح لك هذا الخيار زيادة أو تقليل المسافة بين الكلمات في النص. يتم تعيين القيمة بالبكسل أو وحدات القياس الأخرى.

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