كيفية إزالة الخطوط غير القياسية والعودة إلى الخط القياسي في تطوير الويب

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

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

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

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

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

1. كيفية تغيير الخطوط في تطوير الويب
2. لماذا أحتاج إلى إزالة الخطوط غير القياسية?
3. كيفية إرجاع الخط القياسي

كيفية تغيير الخطوط في تطوير الويب

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

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

الجسم {

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

}

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

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

@الخط الوجه {

الخط الأسرة: "ميفونت";

سرك: ورل ("ميفونت.الصندوق");

}

الجسم {

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

}

هنا خط بلدي.تف هو اسم ملف الخط ، ويتم تحديد مساره في ورل(). الآن يمكنك استخدام خط ميفونت بدلا من خطوط النظام القياسية.

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

لماذا أحتاج إلى إزالة الخطوط غير القياسية?

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

1. التوافق عبر المتصفح:

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

2. التحميل والأداء:

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

3. إمكانية الوصول:

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

4. الوحدة الأسلوبية:

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

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

كيفية إرجاع الخط القياسي

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

وهنا عدد قليل من الطرق للقيام بذلك:

• قم بتعيين الخط القياسي للمستند بأكمله باستخدام خاصية عائلة الخط في كس. على سبيل المثال:

ص ، ح1 ، ح2 ، ح3 ، ح4 ، ح5 ، ح6 {

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

}

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

h1, h2, h3, h4, h5, h6 {

font-family: Arial, sans-serif;