كيفية استخدام الخطوط الخطوط: دليل بسيط للمبتدئين

تعد الخطوط عنصرا مهما في تصميم الويب يمكن أن يؤثر على المعلومات الموجودة على موقعك والتي تجذب انتباه المستخدمين. باستخدام علامة الخط في رمز هتمل ، يمكنك تحديد خطوط مختلفة للنص على صفحة الويب الخاصة بك ، والذي يسمح لك لخلق نمط فريد وتخصيص مظهر المحتوى الخاص بك.

لبدء استخدام الخطوط ، تحتاج إلى تحديد الخط الذي تريد استخدامه. وتشمل أنواع الخطوط الأكثر شيوعا أريال ، تايمز نيو رومان ، فيردانا وغيرها الكثير. يمكنك اختيار الخط الذي يطابق نمط حياتك أو موضوع موقع الويب الخاص بك.

ملاحظة: عند اختيار الخط ، انتبه إلى توفره على مختلف الأجهزة والمتصفحات. قد لا يتم عرض بعض الخطوط بشكل صحيح على بعض الأنظمة الأساسية أو قد لا تكون مثبتة مسبقا على أجهزة كمبيوتر المستخدمين.

بعد تحديد الخط ، يمكنك إضافته إلى رمز هتمل باستخدام علامة الخط. تحتوي علامة الخط على سمات مثل حجم الخط واللون والعديد من السمات الأخرى التي يمكنك استخدامها لتخصيص مظهر النص. على سبيل المثال:

نموذج النص

في هذا المثال ، سيتم عرض النص بحجم الخط 4 والأحمر. يمكنك تجربة سمات مختلفة لتحقيق التأثير المطلوب.

اختيار الخطوط وتثبيتها

يلعب اختيار الخطوط وتثبيتها على صفحة الويب دورا مهما في إنشاء مظهرها المرئي والتأثير على تصورها. فيما يلي الطرق الرئيسية لتحديد الخطوط وتثبيتها.

1. استخدام خطوط النظام:

واحدة من أسهل الطرق لتحديد الخطوط هي استخدام خطوط النظام المتوفرة لكل مستخدم بشكل قياسي. يتم تثبيت هذه الخطوط بالفعل على الأجهزة ويتم عرضها باستمرار على جميع الأنظمة الأساسية.

2. ربط الخطوط باستخدام كس:

لتحديد خط خاص وفريد ، يمكنك توصيله باستخدام كس. للقيام بذلك ، تحتاج إلى العثور على خط مناسب وتحميل ملفه إلى الخادم. ثم ، في ملف كس ، يجب تحديد المسار إلى ملف الخط باستخدام الخاصية @الخط الوجه. بعد ذلك ، يمكن استخدام الخط على صفحة الويب.

3. استخدام خدمات تثبيت الخطوط الخارجية:

هناك أيضا خدمات خارجية تسمح لك بتوصيل الخطوط بصفحة ويب دون الحاجة إلى تحميل ملفات الخطوط إلى الخادم. توفر بعض الخدمات قائمة كبيرة من الخطوط التي يمكن اختيارها واستخدامها على الفور.

عند اختيار خط لصفحة ويب ، يجب أن تؤخذ في الاعتبار قابلية القراءة والخصائص الأسلوبية المناسبة والخصائص التمثيلية المختلفة. تذكر أيضا أنه لا يمكن لجميع المستخدمين الحصول على نفس الخطوط ، لذلك يجدر التفكير في خيارات الخطوط البديلة.

تكوين الخطوط في كس

في كس ، يمكننا تخصيص الخطوط لعناصر النص على صفحة ويب. هذا يسمح لنا باختيار خط معين وحجمه ونمطه لعرض المحتوى. فيما يلي بعض خصائص كس الأساسية التي يمكننا استخدامها لتخصيص الخطوط:

1. الخط

يسمح لك بتعيين الخط لعنصر. يمكنك تحديد خط عن طريق تحديد اسمه أو باستخدام مجموعة خطوط.

مثال:

الجسم {

الخط الأسرة: أريال ، بلا الرقيق;

}

الممتلكات

حجم الخط

 يسمح لك بتعيين حجم الخط لعنصر ما. يمكن تحديد الحجم بالبكسل أو النسب المئوية أو الوحدات النسبية.

مثال:

ص {

في المثال أعلاه ، سيتم تعيين حجم الخط لجميع الفقرات إلى 16 بكسل.

3. نمط الخط

الممتلكات 

نمط الخط

}