معهد خبراء بلوجر - اضافة خطوط عربية من كوكل لمدونات بلوقر .

بسم الله الرحمن الرحيم
الحمد لله رب العالمين و الصلاة و السلام على سيد المرسلين و خاتم النبيين محمد و على اله واصحابه اجمعين .. و بعد ..
اضافت كوكل مؤخرا ستة خطوط عربية تجريبية تعمل على جميع المتصفحات و يتم اضافتها بخطوتين بسيطتين و بالنسبة لي اخترت منها الخط الكوفي و اضفته الى مدونتي كما هي عليه الان .
طريقة اضافة الخطوط :
ندخل الى صفحة الخطوط من هنا ستجد عدد من الخطوط بلغات اخرى اختر الخط المكتوب امامه Arabic و بعدها ندخل الى لوحة التحكم ثم نختار المدونة التي نريد اضافة الخط لها و من اليمين نختار قالب و بعدها تحرير HTML كما في الصورة :
http://4.bp.blogspot.com/-8RzoGIw53U...1600/font2.png

الان نبحث عن :

كود بلغة HTML:

<head>

و نضع تحته مباشرة كود رابط الخط:

كود بلغة HTML:

<link href='رابط الخط' rel='stylesheet' type='text/css'/>

رابط الخط نحصل عليه بالطريقة التالية :
بعد ان نختار الخط سنلاحظ وجود رابط الخط نقوم بنسخه كما في الصورة التالية :
http://3.bp.blogspot.com/-4mai9vOZEK...nsert+font.png

للتوضيح اكثر مثلا انا اخترت الخط الكوفي .. يصبح الكود بهذا الشكل :

كود بلغة HTML:

<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>

الخطوة الثانية و الاخيرة هي ادراج الخط ضمن القالب .. موضحة في الصورة اعلاه . بعد ان ننسخ الخط نقوم بادراجة ضمن css الخاص بالقالب . مثلا اذا اردنا الخط لكل المدونة نقوم بادراج الخط ضمن ال body بهذا الشكل :

كود بلغة HTML:

body { font-family: 'Droid Arabic Kufi', tahoma ,arial; }

اقتباس:

روابط من اقتراح الأخ 3li
http://www.google.com/webfonts/earlyaccess

http://www.google.com/webfonts