كيفية تعيين نمط الخط الافتراضي على موقعك

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

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

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

1. تكييف خط الموقع
2. تحديد نمط الخط الحالي
3. اختيار وتحميل نمط خط جديد
4. توصيل نمط خط جديد

تكييف خط الموقع

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

1. حجم الخط:

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

2. تباعد الأسطر:

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

3. الخط ولون الخلفية:

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

4. الخط:

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

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

تحديد نمط الخط الحالي

. تتيح لك هذه الخاصية تعيين خط واحد أو أكثر لعرض النص.

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

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

باستخدام جافا سكريبت. يوجد أدناه مثال على الكود:

وإخراجه إلى وحدة التحكم.

سيسمح لك هذا المثال بتحديد نمط الخط الحالي على صفحة الويب الخاصة بك واستخدامه لمزيد من تعديلات النمط.

اختيار وتحميل نمط خط جديد

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

استبدال

 أو محددات لعناصر محددة.

استبدال

اسم الخط

مع اسم نمط الخط المحدد. يمكنك أيضا إضافة خصائص نمط خط إضافية ، مثل حجم الخط أو اللون.

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

توصيل نمط خط جديد

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

1. توصيل خط من الملفات المحلية

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

بدلا من اسم الخط ، حدد الاسم الذي تريد تعيينه لهذا الخط (على سبيل المثال ، "روبوتو" أو "فتح بلا"). بدلا من الطريق إلى الانجراف.ملف_تمديد حدد المسار إلى ملف الخط (على سبيل المثال ، "الخطوط/روبوتو-عادي.الصندوق")

2. توصيل الخط باستخدام خدمة خارجية