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