طريقه شرح تغيير الخطوط في قوالب ووردبريس

 

طريقه شرح تغيير الخطوط في قوالب ووردبريس

حصريا علي مدونة عرب تكنولوجي لحلول الويب نقدم لكم طريقه شرح تغيير الخطوط في قوالب ووردبريس :

يرغب الكثير في تغيير خطوط الموقع بالترميز فيما بينها، وفصل العنوان بخطٍ والمحتوى بخطٍ آخر لتحسين التنسيق ولإتحاف العين بجمالِ المظهر، وقوالب ووردبريس كغيرها من القوالب تدعمُ الكثير من الخطوط والتنسيقات الغير محدودة وتعتمد في ذلك على ابداع المستخدم أو المصمم لهذا القالب.

الخطوط وكيفية استخدامها :

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

  • WOFF / WOFF2:
    وهى عباره عن كلمه لاختصاراً ( Web Open Font Format )  وهى مخصصة للإستخدام عبر الإنترنت، وتعتبر هذه الصيغة الأكثر استخدمًا عبر الإنترنت لسرعة تحمليها .
  • SVG / SVGZ:
    اختصاراً لـ (Scalable Vector Graphics ) وهذا يعتبرنوع من الخطوط الأكثر سهولةً ومرونةً في الإستخدام ومطلوبه بالدرجة الأولى على متصفح سفاري للأيفون
  • EOT :
    اختصاراً لـ ( Embedded Open Type )،و يتمّ تصميمه بواسطة شركة مايكروسوفت بإستخدام خصائص الـ @font-face ولا يعمل إلا على متصفح إكسبلور.
  • OTF / TTF:
    اختصاراً لـ ( OpenType Font &TrueType Font )،و يهتمّ العديد من المصممين بهذا النوع من الخطوط حيثُ يقومون بتكوين النوع WOFF من خلاله بكل يُسر وسهولة

ولاختيار الخطوط  سنتوجه للتطبيق ونبدأ باختيار الخطوط علي قالب Twenty Fifteen :

قم بإنشاء مُجلّد جديد بإسم fonts ضمن مجلدات القالب.

طريقه شرح تغيير الخطوط في قوالب ووردبريس

ضع الخطوط التي تريدها داخل المجلد بذا الشكل

طريقه شرح تغيير الخطوط في قوالب ووردبريس
قم بفتح ملف style.css الخاص بالقالب

طريقه شرح تغيير الخطوط في قوالب ووردبريس
.وسنعمل على الخطوط التي قمنا بوضعها يدويًا داخل مُجلّد fonts بإستخدام الصيغ الموجودة بالأعلى، وسنضع  الخط DroidKufiRegular.woff ضمن ملف القالب style.cssونقوم بإستخدامه على ” عنوان التدوينة ” للقالب.

طريقه شرح تغيير الخطوط في قوالب ووردبريس

310 كل المشاهدات 2 مشاهدة اليوم

مواضيع مشابهة قد تعجبك :

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *