ربما حاول أحدكم أن يستخدم خطوط عربية جديدة فى قالب مدونته على غرار الخطوط الأجنبية الجديدة التى قدمتها جوجل مؤخرا , حيث قدمت لنا جوجل مجموعه كبيرة من الخطوط الأجنبية الجديدة والتى تمتاز بشكلها الجميل والمختلف عن الخطوط التي إعتاد المدونون على إستخدامها فى مدوناتهم منذ بداية التدوين مع بلوجر .
جربنا كثيرا كل خط من هذه الخطوط الأجنبية حتى نجد خطا ملائما للتدوين العربي , ولكننا لم نجد أى منهم يصلح للتدوين باللغه العربية , ولكن جوجل لم تترك المدونين العرب طويلا بدون طرحها لبعض الخطوط العربية التى تساعدهم على تحسين شكل محتواهم .
وجوجل تقدم لنا الآن 6 خطوط عربيه جديده وهي :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
<head>
وضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى
ملحوظه : عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .
ملحوظه : عليك إستخدام كود واحد من الأكواد التاليه , وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق .
وأخيرا يمكنكم الإستعانه بهذه الصفحه , وهى الصفحه الرئيسيه الخاصه بجوجل والتى تقدم هذه الخطوط .
وجوجل تقدم لنا الآن 6 خطوط عربيه جديده وهي :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
والآن كيف نستخدم هذه الخطوط فى مدونتنا على بلوجر
تنقسم الخطوات إلى شقين
الشق الأول : إضافة رابط الخط
إفتح أكواد HTML الخاصه بقالب مدونتك , ثم قم بالبحث عن الكود التالى<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;