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