على الرغم من CSS3تدعم الخط في معظم المتصفحات (IE, Firefox, Chrome, Safari) ، ولكن عند الخروج بنتائج غير مرغوب فيها ماذا سنفعل؟!
في هذه المقالة ، وسوف أشرح القضايا المشتركة مع استخدام الخطوط المخصصة أو المحفوظه في دليل الويب.

خطأ شائع
 أحد الأخطاء الشائعة التي تجعل معظم الناس عند تنفيذ الخطوط المخصصة لا يحدد الخطوط الاحتياطية أو التقاط الخطوط الاحتياطية وهذا غير صحيح.

خطوط الويب المحفوظه:
عند استخدام الخطوط المخصصة، من المهم أن تشمل الخطوط المدعومه علي الويب.

قضايا التخطيط

بعض الخطوط لا يمكن استبدالها مع الخطوط الآمنة على شبكة الإنترنت.لاحظ هذه المقارنه.

هذا قد يسبب مشاكل في التخطيط كما هو مبين في الصورة أدناه حيث يمتد الخط الاحتياطي قبالة الحدود.

Modernizr

Modernizr هو جافاسكريبت تكشف ما هي ميزات الدعم من قبل المتصفح.نقوم باضافه طبقة CSS في العنصرلبيان ما إذا كان يتم اعتماد الميزات. على سبيل المثال ، إذا لم يتم اعتماد الخط @font-face، فإنه سيضيف أي fontface في العنصر(مثلا). وتضاف هذه الطبقات مع جافا سكريبت فهي ليست مرئية في شفرة المصدر.

يرجي النقر هنـــــــــــــــــا لمشاهده أنواع الخطوط