استدعاء الخطوط في الموقع

مع الاسف ليس لدي فكرة عن اي شرح تتحدث لأنك نشرت التعليق في قسم الاسئلة العامة (الصحيح ان تنشر السؤال في التعليقات اسفل الدرس حتى نعرف ما لذي تتحدث عنه).

لكنني اظن انك تتحدث عن الطريقة التي نقوم فيها بتحميل الخط واضافته لملفات المشروع والتي هي الطريقة الافضل لعدة اسباب :

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

الأمر يعتمد على ما تريد فعله وعلى الأماكن الجغرافية لزوار الموقع، فاستدعاء الخطوط عن طريق CDN من خلال جوجل يتيح لك الآتي:

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

أما تحميل الخطوط وإضافتها عن طريق CSS فيتيح لك:

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

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

هناك بعض الفروقات الأخرى بالتفصيل بين self-hosted fonts وFonts API، وهي:

تخزين الخطوط: عند استخدام self-hosted fonts، يتم تخزين الخطوط على خادم الويب الخاص بك ويتم تحميلها مباشرة منه، بينما يتم تخزين الخطوط المستخدمة في Fonts API على خوادم الخدمة المستخدمة، ويتم تحميلها عند زيارة الصفحة.

التخصيص: يمكن تخصيص الخطوط بشكل أفضل عند استخدام self-hosted fonts، حيث يمكن تعديل خواص الخط مباشرة في ملفات CSS، بينما يمكن تخصيص الخطوط في Fonts API بشكل محدود باستخدام أدوات التخصيص المتاحة في الخدمة.

الدعم: يدعم العديد من المتصفحات self-hosted fonts، بينما يدعم Fonts API معظم المتصفحات الحديثة.

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