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

لماذا استخدام Typekit الخطوط؟

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

مكتبة Typekit هي مجموعة رائعة تضم أكثر من خطوط 1000. تتوفر بعض أجمل الخطوط التي يمكنك العثور عليها على الويب على Typekit ، وهي خدمة Adobe.

تأتي خطتهم الأساسية المجانية مع إمكانية الوصول إلى أكثر من 230 خطًا ، ويمكنك استخدام عائلتين من الخطوط على موقع ويب واحد مجانًا. تبدأ الخطط الأخرى من 2 دولارًا إلى 49,99 دولارًا سنويًا.

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

لماذا استخدام الخطوط المخصصة على وورد؟

تلعب الطباعة دورًا مهمًا في تصميم موقعك.

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

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

يمكن لخطوط الويب المخصصة الجيدة:

  • زيادة معدلات التحويل
  • خفض معدل ارتداد موقعك
  • زيادة الوقت الذي يقضيه على موقعك
  • إنشاء تجربة لا تنسى للمستخدمين

هل تعرف كيفية استخدام الخطوط Typekit؟ كيفية استخدام Typekit لتخصيص الخطوط وورد.

كيف تبدأ مع Typekit

أولاً ، تحتاج إلى إنشاء حساب Typekit. للقيام بذلك ، ما عليك سوى الانتقال إلى "Typekit.com" وقارن الخطط المتاحة.

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

إنشاء مجموعة على ووردبريس typekit

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

إنشاء مجموعة على ووردبريس typekit

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

في الوقت الحالي ، يمكنك البدء في اختيار الخطوط الخاصة بك. يمكنك تصفح مكتبة الخطوط وتصفيتها من خلال خيارات مثل التصنيف والوزن والعرض والارتفاع والمزيد.

خط Chiosir uen على typekit

عندما تكتشف خطًا كما تريد ، يمكنك النقر فوقه لمزيد من التفاصيل والأمثلة. إذا كنت ترغب في إضافته إلى مجموعة أدوات الويب الخاصة بك ، فانقر فوق الزر "Web Use: Add to Kit" الموجود على الجانب الأيمن.

الخط Monarcha typekit وورد

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

معاينة طباعة typekit

الآن يمكنك النقر على زر " نشر لحفظ التغييرات في المجموعة الخاصة بك.

معاينة طباعة typekit

هذا كل شيئ! مجموعة أدوات الشرطة الخاصة بك متاحة الآن للاستخدام على بلوق وورد.

كيفية إضافة خطوط في ووردبريس typekit

أفضل طريقة لإضافة خطوط الويب المخصصة الجديدة إلى ملف بلوق وورد سيتم ذلك باستخدام البرنامج المساعد وورد Typekit. تعرف على كيفية تثبيت ملف وورد البرنامج المساعد.

نوصي باستخدام خطوط Typekit لبرنامج WordPress الإضافي. بعد تثبيت وتفعيل المكون الإضافي ، يمكنك الوصول إلى " الإعدادات> خطوط Typekit لتكوين البرنامج المساعد.

إعدادات typekit للبرنامج المساعد Wordpress

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

في لقطة الشاشة أعلاه ، أضفنا الخط إلى محدد CSS " h1.site-لقب ".

. وورد موضوع يمكن استخدام فئات مختلفة لعناصر مختلفة. ستحتاج إلى استخدام أداة Inspect Element في متصفح الويب الخاص بك للعثور على فئات CSS هذه.

فحص محتوى كود وورد

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

.