طريقة إضافة خطوط عربية جديدة لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته
الكثير يبحث الاّن عن إضافة خطوط عربية جديدة بمدونات بلوجر لاسيما بعد إضافة جوجل لبعض الخطوط الأجنبية المختلفة والغريبة على غير المعتاد لدى المدونون دائما , ولكن تأتي جوجل من جديد لتغززنا بإضافة خطوط جديدة تمتاز بشكلها الرائع وتقدم لنا 6 أشكال مختلفة نعرضهم عليكم الاّن لتختاروا منها ما يناسبكم وطرق الاضافة اتبع معنا ..
![]() |
خط الكود الأول amiri |
![]() |
خط الكود الثاني droidarabickufi |
![]() |
خط الكود الثالث droidarabicnaskh |
![]() |
خط الكود الرابع lateef |
![]() |
خط الكود الخامس scheherazade |
![]() |
خط الكود السادس thabit |
طريقة الاضافة
– إذهب الى لوحة التحكم << قالب << HTML << توسيع القالب
– قم بحفظ نسخة من القالب تحسبا لأي أخطاء .
– قم بالبحث عن هذا الرمز<head> بواسطة ( CTR+F)
– ضع تحته مباشرة الكود الخاص بالخط من الخطوط السته على التوالى وتأكد من قراءة اسم الخط بالكود كما هو موضح على الصورة
ملحوظه : عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .
أكواد الخطوط على الترتيب كما هو بالصور
<link href='https://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/>
– قم بتعديل نوع الخط فى الجزء الذى تريد تغييره
– تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب
ملحوظه : عليك إستخدام كود واحد من الأكواد التاليه , وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق .
أكواد CSS الخاص بكل خط من الخطوط بالترتيب كما هو بالصور
font-family: 'Amiri', serif;
font-family: 'Droid Arabic Kufi', serif;
font-family: 'Droid Arabic Naskh', serif;
font-family: 'Lateef', serif;
font-family: 'Scheherazade', serif;
font-family: 'Thabit', serif;
– قم بحفظ القالب وهكذا تكون انتهت الاضافة .