يمكن أن يؤثر تغيير الخط على موقع الويب بشكل كبير على إدراكه البصري وقابليته للقراءة. ومع ذلك ، يمكن أن يكون تغيير خط صفحة الويب يدويا لكل مستخدم عملية طويلة وغير فعالة. بدلا من ذلك ، يمكنك استخدام تغيير الخط التلقائي ، والذي يسمح للمستخدم باختيار الخط الأنسب بمفرده.
لإنشاء تغيير تلقائي للخط على الموقع ، تحتاج إلى اتباع عدة خطوات. أولا ، قم بإنشاء ملف كس يسرد جميع الخطوط المتاحة. في هذا الملف ، يمكنك تحديد خطوط مختلفة لعناصر مختلفة من صفحة الويب ، مثل الفقرات والعناوين والروابط.
ثانيا ، قم بإنشاء رمز هتمل لتمكين التغييرات التلقائية للخط على موقعك. يمكنك استخدام جافا سكريبت أو كس لإنشاء هذه الوظيفة. على سبيل المثال ، يمكنك إضافة قائمة منسدلة حيث يمكن للمستخدم تحديد الخط المفضل لديه.
أخيرا ، أضف الأنماط والبرامج النصية إلى صفحة الويب الخاصة بك لتمكين التغييرات التلقائية للخط. بعد ذلك ، سيتمكن المستخدمون من تغيير الخط على موقعك بسهولة ويسر وفقا لتقديرهم.
من المهم ملاحظة أن تغيير الخط تلقائيا على الموقع يمكن أن يزيد من إمكانية الوصول إليه وقابليته للاستخدام لمستخدمين مختلفين. سيتمكن المستخدمون ذوو الإعاقة أو التفضيلات الخاصة من اختيار خط يناسب احتياجاتهم بشكل أفضل ويجعل قراءة صفحة الويب أكثر راحة.
- الخطوة 1. تمكين وضع التحرير
- الخطوة 2. ابحث عن العنصر المطلوب
- الخطوة 3. تغيير نمط النص
الخطوة 1. تمكين وضع التحرير
لبدء تغيير الخط على موقعك ، تحتاج إلى تمكين وضع التحرير. في هذا الوضع ، يمكنك إجراء تغييرات على صفحة الويب الخاصة بك.
لتمكين وضع التحرير ، تحتاج إلى فتح صفحة الويب الخاصة بك للتحرير. للقيام بذلك ، استخدم برنامجا لإنشاء صفحة ويب وتحريرها ، مثل النص السامي أو رمز الاستوديو المرئي أو المفكرة++ أو أي محرر آخر مشابه.
افتح ملف صفحة الويب الخاصة بك في المحرر وتأكد من أنه يمكنك تحرير محتوياته. إذا كنت تعمل مع مدير محتوى ، فقد تحتاج إلى تسجيل الدخول إلى موقعك والتحول إلى وضع التحرير لصفحة معينة.
بمجرد تمكين وضع التحرير ، ستكون جاهزا للانتقال إلى الخطوة التالية — تغيير الخط على صفحة الويب الخاصة بك.
الخطوة 2. ابحث عن العنصر المطلوب
لتغيير الخط على الموقع ، يجب عليك أولا العثور على العنصر الذي تريد تغيير الخط له. للقيام بذلك ، يمكنك استخدام أدوات المطور في المتصفح.
1. افتح الصفحة المطلوبة في المتصفح وانقر بزر الماوس الأيمن على العنصر المطلوب.
2. في قائمة السياق ، حدد" عرض رمز العنصر "أو" فحص " (في جوجل كروم).
3. تفتح لوحة المطور ، حيث سترى رمز هتمل للصفحة والأنماط المطبقة على هذه العناصر.
4. في قسم" العناصر " ، ابحث عن العنصر المطلوب ، وراجع رمز هتمل الخاص به وتأكد من أن هذا هو العنصر الذي تحتاجه بالضبط.
5. إذا كان العنصر المطلوب غير مرئي في قسم" العناصر " ، في محاولة لاستخدام البحث رمز عن طريق الضغط على السيطرة + و (أو كمد + و على ماك) وأدخل اسم العنصر أو فئتها.
6. عندما تعثر على العنصر المطلوب ، تذكر علامته أو فصله أو معرفه للاستخدام في المستقبل.
7. إذا كنت بحاجة إلى تغيير الخط لجميع عناصر علامة معينة (على سبيل المثال ، جميع الفقرات أو جميع العناوين) ، فبدلا من البحث عن عنصر معين ، قم بتطبيق الأنماط مباشرة على العلامة.
- على سبيل المثال ، لتغيير الخط لجميع الفقرات في صفحة ، استخدم التعليمات البرمجية كس التالية:
- في هذه الحالة ، لا تحتاج إلى البحث عن كل فقرة على حدة.
ف {الخط الأسرة: أريال ، بلا الرقيق؛}
الخطوة 3. تغيير نمط النص
لتغيير نمط النص على موقعك ، يمكنك استخدام كس. المغلق (أوراق الأنماط المتتالية) يسمح لك لتعيين خصائص نمط مختلف لعناصر صفحة ويب.
صفحة هتمل الخاصة بك.
لتطبيق الأنماط على جميع الفقرات في الصفحة.
لتغيير الخط من النص. يمكنك تحديد خط معين أو استخدام قوائم خطوط مفصولة بفواصل لتحديد البدائل.
هنا مثال على كيفية استخدام كس لتغيير نمط النص:
للإشارة إلى أنه يجب تطبيق الأنماط على جميع الفقرات في الصفحة. وضعنا الخط كما أريال أو أي خط بلا الرقيق ، مع حجم 16 بكسل ولون أسود.
يمكنك تغيير خصائص نمط النص كما يحلو لك لتتناسب مع التصميم والتفضيلات الخاصة بك.
ملاحظة: إذا كنت ترغب في تغيير نمط نص معين فقط ، يمكنك إضافة فئة أو معرف إلى العناصر التي تريد نمطها ، واستخدام محددات كس استنادا إلى هذه الفئات أو المعرفات.
يمكن العثور على أنماط جاهزة للنص في وثائق كس أو في مختلف الموارد عبر الإنترنت.