ما هي إعدادات الخط التي يمكن تغييرها باستخدام تنسيق الخط

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

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

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

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

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

1. حجم الخط: تغيير حجمه
2. لون الخط: اختيار نظام الألوان المناسب
3. سمك الخط: إنشاء تأثير تسليط الضوء
4. عائلة الخط: تغيير النمط والمزاج
5. تعتيم الخط: إضافة الظلال لقراءة أفضل
6. تباعد الأحرف: التحكم في المسافات بين الأحرف
7. تباعد الأسطر: إنشاء هوامش لقراءة أفضل

حجم الخط: تغيير حجمه

. تأخذ هذه السمة قيمة رقمية ، والتي تحدد مقدار اختلاف حجم الخط عن الحجم العادي.

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

• - سيتم عرض الخط في أصغر حجم.
• - سيتم عرض الخط في الحجم الذي هو مستويين أكبر من المعتاد.

، سيتم تقليل حجم الخط بالمبلغ المحدد. على سبيل المثال:

• سيتم عرض الخط في الحجم الذي هو مستوى واحد أصغر من المعتاد.
• - سيتم عرض الخط في الحجم الذي هو ثلاثة مستويات أصغر من المعتاد.

.

لون الخط: اختيار نظام الألوان المناسب

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

عند اختيار نظام الألوان المناسب للنص على صفحة الويب ، يجدر النظر في عدة عوامل:

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

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

سمك الخط: إنشاء تأثير تسليط الضوء

لتغيير سمك الخط ، يمكنك استخدام خاصية وزن الخط المغلق ، والتي تأخذ قيما مختلفة:

• عادي-سمك الخط القياسي;
• غامق-خط غامق;
• خط أكثر جرأة مقارنة بالخط القياسي;
• أخف-خط غامق أقل مقارنة بالخط القياسي;
• 100, 200, ...، 900 قيم رقمية ، حيث يتوافق 400 مع سمك الخط القياسي والقيم من 100 إلى 300 تعتبر خفيفة ، ومن 500 إلى 900 جريئة.

مثال الاستخدام:

نص غامق (قيمة رقمية)

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

عائلة الخط: تغيير النمط والمزاج

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

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

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

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

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

المغلق

نص مع الظل

المغلق

نص ظل غير واضح

ف {نص الظل: 2 بكسل 2 بكسل 4 بكسل رغبا(0, 0, 0, 0.5); }

تباعد الأحرف: التحكم في المسافات بين الأحرف

. تتيح لك هذه السمة التحكم في المسافات بين الأحرف في النص.

سمة تباعد الحروف

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

على سبيل المثال ، لزيادة المسافة بين الأحرف في النص بمقدار 2 بكسل ، يمكنك استخدام الكود التالي:

نموذج النص

باستخدام

سمة تباعد الحروف

يمكنك التحكم في المسافات بين الأحرف وتحقيق التأثير المرئي المطلوب في عناصر النص على صفحة الويب.

تباعد الأسطر: إنشاء هوامش لقراءة أفضل

على سبيل المثال ، لزيادة تباعد الأسطر بنسبة 20 ٪ ، يمكنك تطبيق النمط التالي:

النص مع تغيير تباعد الأسطر