كيفية تغيير الخط من خلال العرض: تعليمات مفصلة

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

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

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

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

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

1. تطبيق تغييرات الخط عبر طريقة العرض
2. تغيير الخط: التحديد الدقيق والتطبيق
3. خطوات بسيطة لتغيير الخط من خلال طريقة العرض

تطبيق تغييرات الخط عبر طريقة العرض

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

فيما يلي مثال على استخدام كس لتغيير خط العناوين والفقرات:

حجم الخط: 24 بكسل;

ص {

مثال على رأس

مثال على فقرة من النص

يستخدم الخط الروماني الجديد تايمز مع حجم 16 بكسل وتباعد الأسطر من 1.5.

لتحديد الخط ، يمكنك استخدام كل من اسم خط معين وفئات معممة ، مثل

بلا الرقيق

أو

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

تغيير الخط: التحديد الدقيق والتطبيق

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

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

سيقوم هذا المثال بتوصيل خط روبوتو بالخيارين 400 (الخط العادي) و 700 (الخط الغامق) بصفحتك. بعد توصيل الخط ، يمكنك تطبيقه على عناصر النص المطلوبة.

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

ص {

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

}

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

سيكون هذا النص بخط مختلف

و كس المقابلة: