يعد اختيار الخط الصحيح وأسلوبه جانبا مهما من تصميم الويب. يمكن للخط الغامق أن يمنح النص مزيدا من التعبير ويحسن إمكانية قراءته. هناك عدة طرق لإضافة الدهون إلى النص في كس ، وفي هذه المقالة سوف ننظر في بعض منها.
واحدة من أسهل الطرق لجعل نص الخط أكثر جرأة هو استخدام خاصية وزن الخط في كس. تأخذ هذه الخاصية القيم من 100 إلى 900 ، حيث 400 هو سمك النص العادي المعتاد ، و 700 هو خط سميك أو غامق. يمكنك تعيين القيمة 700 لخاصية وزن الخط للعنصر المطلوب لجعل النص غامقا.
سيتم إخراج النتيجة التالية: سيكون هذا النص غامقا.
يعد استخدام خاصية وزن الخط والعلامة طرقا بسيطة لجعل نص الخط أكثر جرأة. من المهم أن تتذكر أنه لا تدعم جميع الخطوط جميع قيم خاصية وزن الخط ، وقد تعرض بعض المتصفحات خطوطا مختلفة بشكل مختلف. لذلك ، عند اختيار خط غامق لموقع الويب الخاص بك ، يوصى بالتحقق من عرضه في المتصفحات والأجهزة المختلفة للتأكد من سهولة قراءته وتعبيره.
من المهم أن تتذكر أن استخدام الخط الغامق يجب أن يكون واعيا ومتوازنا. يجب استخدام النص الغامق فقط للعناصر والعبارات المهمة حتى لا تربك الزوار وتحافظ على موقع الويب الخاص بك قابلا للقراءة.
- تغيير قوة الخط باستخدام المغلق
- تعيين قيمة وزن الخط
- باستخدام علامة ب
- تطبيق خاصية وزن الخط في الأنماط
- تباين الخلفية ولون النص
- تسليط الضوء على الكلمات الرئيسية والعبارات
تغيير قوة الخط مع المغلق
يوفر المغلق طرق مختلفة لتغيير قوة الخط من صفحة ويب. يمكنك جعل النص أكثر جرأة بحيث يجذب المزيد من الاهتمام ويسهل على المستخدمين قراءته.
أو استخدم قيمة رقمية حيث يتوافق 400 مع الخط العادي و 700 يتوافق مع الخط الغامق.
نموذج التعليمات البرمجية:
}
أو
لتسليط الضوء على جزء من النص وجعله غامقا. على سبيل المثال:
هذا نص غامق.
- ح1 {
- أخيرا ، يمكنك استخدام الخطوط أو الرموز الخارجية التي ستوفر عرضا نصيا أكثر جرأة. على سبيل المثال ، يمكنك توصيل خط غامق أو استخدام رموز خاصة للعناوين ونص التمييز.
من المهم أن تتذكر أن استخدام طاقة الخط بشكل صحيح يساعد على تحسين قابلية القراءة والجماليات العامة لصفحة الويب. يوصى باستخدام الخطوط بعناية حتى لا تخلق ارتباكا ولا تضعف سهولة قراءة النص.
الخط الوزن
قيمة رقمية من 100 إلى 900: كلما زاد الرقم ، كان النص أكثر جرأة. على سبيل المثال,
الخط الوزن: 400;
- جريئة (جريئة).
عادي
(خط غامق) و
جريئة
ص {
وزن الخط: غامق;
} |
سيطبق هذا الرمز خطا غامقا على جميع العناصر
على الصفحة.
| إذا كنت بحاجة إلى تعيين قيمة أكثر تحديدا ، فيمكنك استخدام قيمة رقمية: | |
|---|---|
} | |
على الصفحة. |
المعنى
الخط الوزن
يمكن أيضا تحديد داخل القاعدة لمحدد معين لتغيير نص معين فقط على الصفحة. على سبيل المثال:
. نصي الغامق {
وزن الخط: غامق;
}
سيطبق هذا الرمز الخط الغامق فقط على العناصر التي تحتوي على
فئة النص الغامق
.
باستخدام علامة ب
العلامة هي طريقة سهلة لجعل النص غامقا دون الحاجة إلى استخدام كس. سيتم عرض جميع المحتويات المرفقة في العلامة باستخدام خط غامق.
على سبيل المثال ، إذا كنت تريد جعل كلمة "غامق" في الجملة "تحتوي هذه الجملة على كلمة جريئة" ، فيمكنك استخدام الكود التالي:
تحتوي هذه الجملة على كلمة جريئة.
| سيتم تمييز النص المحاط بالعلامة بالخط العريض ، مما سيسمح لها بالتميز عن النص الآخر على الصفحة. ومع ذلك ، يجب ألا يغيب عن البال أن استخدام العلامة ليس له أي تأثير على دلالات النص. لذلك ، يوصى باستخدام العلامة بدلا من ذلك إذا كنت تريد تمييز النص لغويا. | تطبيق خاصية وزن الخط في الأنماط |
رمز المغلق | النتيجة |
هو ص {
| وزن الخط: غامق; | } |
وزن الخط: 600; | } |
سيتم تمييز هذا النص بخط بسمك 600.
وبالتالي ، فإن استخدام خاصية وزن الخط يسمح لك بالتحكم بسهولة ومرونة في سمك الخط وإنشاء أنماط تصميم مختلفة لنص صفحة الويب.