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