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

on - 10/22/2018

يمكنك الان تغير خط مدونتك التقليدي الي خط جديد رائع يجذب الزوار عن طريق جوجل الخطوط Google Fonts.

، تقدم Google خدمة الخطوط المجانية المعروفة باسم Google Fonts وهناك اكثر 1000 خط يمكنك الاختيار بينهم.

إذا كنت تريد تثبيت خطوط مخصصة في Blogger ، فإن Google Fonts هو أفضل موقع يمكنك من خلاله البحث عن الخطوط واضافتها الي مدونتك.

كل ما عليك فعله اتباع الخطوات التالي

انتقل إلى المظهر> تعديل html>

انتقل إلى صفحة Google Fonts

اختر الخيارات على الجانب الأيسر للبحث عن الخطوط وتنظيمها حسب احتياجك. يمكنك معاينة الخطوط بأحجام مختلفة لجميع الخطوط.

بمجرد العثور على الخط المطلوب (على سبيل المثال ، لقد اخترت خط lato) ، انقر فوق رمز +"select this font".

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

الآن يمكنك العثور على كود مثل هذا

انسخ الكود.

سجِّل الدخول إلى حسابك في Blogger.

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

ابحث عن العلامة <head>. الصق الكود تحت العلامة <head>. في Blogger ، يجب إضافة شرطة مائلة ( / ) إلى نهاية الكود (اليمين قبل قوس الزوايا) مثل هذا

ستجد الكود هكذا

يجب عليك اضافة شرطة مائلة ( / ) ويبقي الكود بالشكل ده

</link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet">

إذا لم تضف الخط المائل ، فسيؤدي ذلك إلى حدوث خطأ.

انقر على زر "حفظ القالب"

الخطوة التالية هي استخدام Google Fonts في Blogger.

انسخ الكود التالي الذي سوف تجده في Google Fonts

ابحث في القالب عن

post-body { font-family: 'Lato'، sans-serif؛ }

.Header h1 { font-family: 'Lato'، sans-serif؛ }

او

/*-- Body Content CSS --*/

body{background:$(body.background);background-color:$(body.background.color);font-family: 'Mada', sans-serif;font-size:16px;font-weight:500;color:$(body.text.color);word-wrap:break-word;margin:0;padding:0}

و استبدل هذا الكود بالكود الذي سوف تجده في Google Fonts

font-family: 'Cairo', sans-serif;

يمكنك استخدام نفس الأسلوب لتطبيق الخطوط على أجزاء مختلفة من المدونة

احفظ القالب. الآن ، ستظهر Google Fonts في مدونتك.