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