عرض مشاركة واحدة
قديم 12-28-2012, 08:41 AM   #1
احمد العزاوي
مدون جديد
 
تاريخ التسجيل: Dec 2012
المشاركات: 3
افتراضي اضافة خطوط عربية من كوكل لمدونات بلوقر .

بسم الله الرحمن الرحيم
الحمد لله رب العالمين و الصلاة و السلام على سيد المرسلين و خاتم النبيين محمد و على اله واصحابه اجمعين .. و بعد ..
اضافت كوكل مؤخرا ستة خطوط عربية تجريبية تعمل على جميع المتصفحات و يتم اضافتها بخطوتين بسيطتين و بالنسبة لي اخترت منها الخط الكوفي و اضفته الى مدونتي كما هي عليه الان .
طريقة اضافة الخطوط :
ندخل الى صفحة الخطوط من هنا ستجد عدد من الخطوط بلغات اخرى اختر الخط المكتوب امامه Arabic و بعدها ندخل الى لوحة التحكم ثم نختار المدونة التي نريد اضافة الخط لها و من اليمين نختار قالب و بعدها تحرير HTML كما في الصورة :


الان نبحث عن :
كود بلغة HTML:
 <head>
و نضع تحته مباشرة كود رابط الخط:

كود بلغة HTML:
<link href='رابط الخط' rel='stylesheet' type='text/css'/>
رابط الخط نحصل عليه بالطريقة التالية :
بعد ان نختار الخط سنلاحظ وجود رابط الخط نقوم بنسخه كما في الصورة التالية :


للتوضيح اكثر مثلا انا اخترت الخط الكوفي .. يصبح الكود بهذا الشكل :
كود بلغة 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

الدعم العربي

احمد العزاوي غير متواجد حالياً   رد مع اقتباس