هل تريد أن تجعل النص أكثر تعبيرا والتركيز على بعض الكلمات أو العبارات? واحدة من أسهل الطرق للقيام بذلك هي استخدام الخط الغامق. الخط الغامق يجعل النص أغمق ويجعله متميزا عن باقي المحتوى.
ولكن كيف يمكنني إعداد الخط الغامق في أتش تي أم أل? انها بسيطة جدا. سوف تحتاج فقط بضعة أسطر من التعليمات البرمجية للقيام بذلك. بادئ ذي بدء ، حدد النص المطلوب باستخدام العلامة. هذه العلامة تجعل النص غامقا. على سبيل المثال ، سيتم تمييز هذا النص بالخط العريض.
إذا كنت ترغب في إضافة المزيد من التركيز على النص ، يمكنك استخدام علامات هتمل الأخرى. على سبيل المثال ، يمكنك إضافة مائل باستخدام علامة. سيكون النص المحاط بهذه العلامة مختلفا عن باقي المحتوى ويجذب الانتباه. يتيح لك الجمع بين هذه العلامات إنشاء كتل نصية أنيقة ومعبرة.
الآن بعد أن عرفت كيفية ضبط الخط الغامق ، يمكنك استخدام هذه التقنية لتعزيز تأثير النص الخاص بك. لكن تذكر أنه قد يكون من الصعب قراءة النص الغامق الزائد ، لذا استخدمه بحكمة واترك مساحة كافية بين العبارات المميزة.
- خطوات ضبط الخط الغامق
- فحص خصائص كس للخط
- حدد عائلة الخطوط المناسبة
- استخدم خاصية وزن الخط لتحديد خط غامق
- تطبيق الخط الغامق على النص المطلوب
خطوات ضبط الخط الغامق
يمكن أن يكون ضبط الخط الغامق في النص مهمة بسيطة وسريعة للغاية. فيما يلي بعض الخطوات البسيطة للقيام بذلك:
1. قم بتضمين النص الخاص بك في العلامة أو. تطبق كلتا العلامتين خطا غامقا على النص الخاص بك. على سبيل المثال:
النص بالخط العريض
أو
النص بالخط العريض
2. إذا كنت تريد استخدام كس ، يمكنك إضافة نمط إلى النص الخاص بك لضبط التحديد الغامق. على سبيل المثال:
3. يمكنك أيضا استخدام ورقة أنماط خارجية لتطبيق خط غامق على النص الخاص بك. إنشاء ملف مع التمديد.المغلق وتشمل السطر التالي في ذلك:
قوي {
وزن الخط: غامق;
}
4. أخيرا ، يمكنك استخدام النمط المضمن للنص لضبط التحديد الغامق. على سبيل المثال:
النص بالخط العريض
هذا كل شيء! باتباع هذه الخطوات البسيطة ، يمكنك بسهولة تخصيص الخط الغامق للنص الخاص بك.
فحص خصائص كس للخط
من أجل تخصيص الخط الغامق على صفحة ويب باستخدام كس ، سوف تحتاج إلى دراسة العديد من الخصائص:
الخط الوزن: تحدد هذه الخاصية سمك الخط. لتعيين الخط الغامق ، يمكنك استخدام القيمة "غامق". على سبيل المثال:
النمط= " وزن الخط: غامق؛"
حدد عائلة الخطوط المناسبة
عند اختيار عائلة الخطوط المناسبة لنمط النص الغامق ، يجب أن تؤخذ في الاعتبار إمكانية قراءتها وتوافقها مع العناصر الأخرى لصفحة الويب. سيساعد ذلك في إنشاء تصميم متناغم وجعل النص أكثر تعبيرا.
هناك العديد من عائلات الخطوط المختلفة ، ولكل منها ميزاتها الفريدة. ومع ذلك ، لاستخدام صفحات الويب ، يجدر التركيز على مجموعات الخطوط هذه التي تدعمها معظم أنظمة التشغيل والمتصفحات. سيضمن ذلك نفس مظهر النص على الأجهزة والأنظمة الأساسية المختلفة.
- بلا الرقيق: عائلة من الخطوط بلا الرقيق. فهي سهلة القراءة على الشاشة وعادة ما تستخدم في النص الرئيسي. بعض العائلات الخط بلا الرقيق شعبية هي أريال ، هلفتيكا ، فيردانا.
- مع الرقيق: عائلة من الخطوط مع الرقيق وضوحا وأسلوب أكثر الزخرفية. غالبا ما يتم استخدامها للعناوين الرئيسية ونص اللكنة. بعض عائلات خطوط الرقيق الشهيرة هي: تايمز نيو رومان ، جورجيا ، ساعي.
بالإضافة إلى ذلك ، قد تستخدم صفحات الويب خطوطا خاصة غير مضمنة في مجموعات الخطوط القياسية لنظام التشغيل. ويمكن القيام بذلك عن طريق ربط الخطوط عبر كس أو استخدام خدمات الطباعة مثل خطوط جوجل أو خطوط أدوبي.
من المهم أن تتذكر أن استخدام عدد كبير جدا من مجموعات الخطوط المختلفة في نفس الصفحة يمكن أن يؤدي إلى حدوث فوضى وتقليل إمكانية قراءة النص. يوصى باختيار 1-2 مجموعات خطوط للنص الرئيسي والعناوين من أجل إنشاء تصميم أكثر توازنا والحفاظ على سهولة القراءة.
استخدم خاصية وزن الخط لتحديد خط غامق
إذا كنت بحاجة إلى ضبط الخط الغامق لنص معين على صفحة الويب الخاصة بك ، يمكنك استخدام خاصية وزن الخط في كس. هذه الخاصية تسمح لك للسيطرة على سمك الخط ويجعلها أكثر أو أقل جريئة.
لاستخدام خط غامق ، تحتاج إلى إضافة القيمة "غامق" إلى خاصية وزن الخط. على سبيل المثال:
.الخط-غامق {
وزن الخط: غامق;
}
.الخط-غامق {
وزن الخط: 700;
}
لاستخدام هذه الخاصية على صفحة الويب الخاصة بك ، أضف ".فئة "الخط الغامق" للعنصر أو العناصر التي تريد تعيينها بالخط الغامق: