كيفية تغيير إعدادات الخط: النوع والحجم ونمط الخط

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

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

يلعب حجم الخط أيضا دورا مهما في إدراك النص. يعتمد الحجم الأمثل على الغرض من المحتوى وميزاته. بالنسبة إلى كتل النص العادية ، يوصى باستخدام حجم خط من 12 إلى 14 بكسل. يمكن أن تكون العناوين والعناوين الفرعية أكبر-من 18 إلى 30 بكسل. لا تنس قابلية قراءة النص: فالخط الصغير جدا يجعل من الصعب قراءته ، والكبير جدا يخلق انطباعا بعدم التناسب وعدم الطبيعة.

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

1. أنواع الخطوط لتغيير المعلمات
2. الأنواع الرئيسية من الخطوط وخصائصها
3. تغيير أحجام الخطوط
4. كيفية تغيير حجم الخط في عناصر مختلفة
5. تغيير مخطط الخط

أنواع الخطوط لتغيير المعلمات

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

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

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

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

الأنواع الرئيسية من الخطوط وخصائصها

بلا الخطوط الرقيق:

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

الخطوط الرقيق:

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

الخطوط أحادية المسافة:

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

الخطوط المكتوبة بخط اليد:

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

تغيير أحجام الخطوط

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

نص بحجم خط 20 بكسل

يمكنك أيضا استخدام القيم النسبية لتحديد حجم الخط.:

• م: تعيين حجم الخط بالنسبة إلى حجم الخط للعنصر الأصل;
• ريم: تعيين حجم الخط بالنسبة لحجم الخط لعنصر جذر المستند;
• % : تعيين حجم الخط كنسبة مئوية من حجم الخط للعنصر الأصل.

أمثلة على استخدام القيم النسبية:

نص بخط مكبر بنسبة 20٪ من حجم خط العنصر الأصل

النص مع حجم الخط 1.5 مرات أكثر من القيمة الافتراضية

نص بحجم خط 120٪ من حجم خط العنصر الأصل

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

كيفية تغيير حجم الخط في عناصر مختلفة

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

• . حدد حجم الخط المطلوب بالبكسل أو النسب المئوية أو وحدات القياس الأخرى. على سبيل المثال:

  ص {

• إذا كنت تريد تغيير حجم الخط لجميع العناصر من نوع معين ، فيمكنك استخدام محدد النوع. على سبيل المثال ، لتغيير حجم الخط للجميع

  ح1 العناوين

• في وثيقة:

  ح1 {

• }

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

.تسليط الضوء {

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

}

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

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