لماذا يظهر خط موقعك العربي بشكل مختلف على هاتف آخر؟

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

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

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

اطلب سجلاً صغيراً لعائلة الخط العربي والأوزان المتاحة والحروف المطلوبة وتسلسل البدائل. افحص أسماء الخدمات وعلامات الترقيم والأرقام الفعلية. لا تعتمد الخط لأن عنواناً زخرفياً قصيراً يبدو جميلاً بينما يستخدم زر عرض السعر أو القيمة أو الفقرة التوضيحية بديلاً لم يراجعه أحد.

المراجع: MDN: font-family selection and fallback — بالإنجليزية

تحدد الخاصية font-display سلوك العرض أثناء تحميل خط الويب. يوضح MDN استراتيجيات منها swap وoptional بفرص مختلفة للاستبدال. ينبغي أن يكون الاختيار مقصوداً؛ فلا يوجد إعداد واحد يضمن أداءً مثالياً ومظهراً متطابقاً في كل حالة.

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

المراجع: MDN: font-display — بالإنجليزية

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

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

مرّر الجدول أفقيًا لقراءة جميع الأعمدة.

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

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

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

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

المراجع: W3C: structural markup for right-to-left text — بالإنجليزية · W3C WAI: text-spacing changes — بالإنجليزية

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

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

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

حدد نطاق الإصلاح بحسب العيب. تعديل بديل واحد وملف خط مفقود وإعادة تصميم الكتابة العربية بالكامل أعمال مختلفة. اطلب من بياواي تقييم العناصر المتأثرة باللغتين قبل الاتفاق. بعد النشر تحقق من طلبات الخط الفعلية وكرر الحالة التي فشلت؛ فجمال المعاينة لا يثبت صحة الملفات والمسارات المنشورة.

أُعدّ هذا الدليل بمساعدة الذكاء الاصطناعي، مع فحص المعلومات المتعلقة بالمنصات مقابل المراجع الأصلية أدناه وقت النشر. أطر القرار وقوائم الفحص توصيات تحريرية من بياواي؛ الأمثلة الموصوفة بأنها توضيحية ليست قصص عملاء أو نتائج فعلية. قد تتغير واجهات المنصات وشروطها.

• MDN: font-family selection and fallback — بالإنجليزية
• MDN: font-display — بالإنجليزية
• W3C: structural markup for right-to-left text — بالإنجليزية
• W3C WAI: text-spacing changes — بالإنجليزية