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