http://4.bp.blogspot.com/-0xISY2kBgl...s1600/font.jpg
جوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
http://3.bp.blogspot.com/-pw0TKuXM-B...s1600/1708.jpg
Droid Arabic Kufi
http://4.bp.blogspot.com/-G2Vwwg5pRH...Yg/s1600/2.jpg
Droid Arabic Naskh
http://3.bp.blogspot.com/-evgv4mRDT0...CE/s1600/3.jpg
Lateef
http://3.bp.blogspot.com/-JSvLtfysJo...co/s1600/4.jpg
Scheherazade
http://4.bp.blogspot.com/-fCH4mrOzfZ...9M/s1600/5.jpg
Thabit
http://4.bp.blogspot.com/-nUxB47O0lm...U4/s1600/6.jpg
نقوم باضافة روابط الخطوط الى المدونة
نقوم بتحرير القالب وبعدها نقوم بالبحث عن الكود التالي
ونضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى<head>
كود:<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/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;