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