خيارات تنسيق الخط الأساسية: القائمة والوصف

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

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

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

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

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

1. خيارات تنسيق الخط الأساسية: الخط
2. الأسرة
3. حجم الخط
4. نمط الخط
5. لون الخط

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

1. عائلة الخط

. على سبيل المثال:

الخط الأسرة: أريال ، بلا الرقيق;

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

2. حجم الخط

. على سبيل المثال:

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

.

3. محتوى الدهون من الخط

أو قيمة رقمية ، على سبيل المثال:

وزن الخط: غامق;

4. الخط المائل

.

نمط الخط: مائل;

5. نص تحته خط

سيتم إنشاء تسطير سفلي للنص:

زخرفة النص: تسطير;

6. لون النص

:

اللون: أحمر;

7. تباعد الأسطر

. يمكن تعيين قيمة الخاصية بالبكسل أو كنسبة مئوية:

خط الارتفاع: 1.5;

8. محاذاة النص

:

محاذاة النص: المركز;

9. النص العلوي أو السفلي

(كل كلمة بأحرف كبيرة):

تحويل النص: أحرف كبيرة;

10. ظلال النص

:

نص الظل: 2 بكسل 2 بكسل 2 بكسل رغبا (0 ، 0 ، 0 ، 0.5);

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

عائلة الخط

هناك العديد من عائلات الخطوط الرئيسية:

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

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

حجم الخط

في هتمل ، يمكن تعيين حجم الخط باستخدام قيم الوحدة المطلقة (مثل بكسل أو النقاط) أو القيم النسبية (مثل النسب المئوية أو م).

يحدد حجم الخط إلى 12 بكسل.

يزيد حجم الخط بنسبة 20 ٪ بالنسبة إلى العنصر الأصلي.

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

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

نمط الخط

يتم تعيين نمط الخط في هتمل باستخدام خاصية نمط الخط. تتيح لك هذه الخاصية تغيير إمالة الخط.

يمكن أن تكون قيم خاصية نمط الخط:

• عادي-نمط الخط العادي ، دون إمالة;
• مائل-مائل نوع الخط;
• المائل هو نمط خط مائل ؛ في هذه الحالة ، يتم تطبيق المنحدر على نمط الخط المعتاد.

لتعيين نمط الخط للنص ، استخدم خاصية النمط لسمة العلامة.

مثال على استخدام خاصية نمط الخط:

هذا نص مائل