الخميس، ديسمبر 27، 2012

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

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

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

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

للتوضيح اكثر مثلا انا اخترت الخط الكوفي .. يصبح الكود بهذا الشكل :
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/> الخطوة الثانية و الاخيرة هي ادراج الخط ضمن القالب .. موضحة في الصورة اعلاه . بعد ان ننسخ الخط نقوم بادراجة ضمن css الخاص بالقالب . مثلا اذا اردنا الخط لكل المدونة نقوم بادراج الخط ضمن ال body بهذا الشكل :
body {
font-family: 'Droid Arabic Kufi', tahoma ,arial;
}

هناك 20 تعليقًا:

  1. السلام عليكم

    دخلت صباح اليوم لنشر تدوينة عن نفس الموضوع وبما أني اتابع خلاصات مدونتك عبر قوقيل ريدر تعجبت من هذا التوارد :)

    أعترف أن عرضك أجمل وأيسر بالتوفيق

    ردحذف
    الردود
    1. و عليكم السلام و رحمة الله و بركاته .. بصراحة انا مسرور جدا بهذه الاطلالة و لو كنت اعلم بانك ستكتب عن هذا الموضوع ما كتبته لاني على ثقة بطرحك الرائع و شرحك الميسر .

      حذف
  2. ولله اني ما اصدك اخير رجعت اخي ولله انا مسرور جدا
    انت رفعت راس العراق
    استمر اخوي

    ردحذف
    الردود
    1. اشكرك اخوية مصطفى .. اني الي مسرور بيك اخي بسؤالك عني و تواصلك معي و انت الي بيك رفعة الراس . تحياتي الك يا غالي .

      حذف
  3. طريقة جميلة لاضافة الخطوط
    شكرا لك

    ردحذف
  4. طريقة جميل لاضافة الخطوط ..
    ولكن رايي هو الخطوط الاصلية هي الاحسن ..



    ---
    سفيان

    ردحذف
  5. شكرا لك أخي الكريم

    http://rifed-blog.blogspot.com/

    ردحذف
  6. أولا مشكور أخى على الشرح والمدونة الرائعة بمعنى الكلمة

    ولكن انا كنت دائما كنت أستخدم طريقة الأخ جاسر الحربى و كان ظهور الخط فى المدونة يأخد قليل من الوقت مع العلم ان سرعه الانترنت عالية

    وجربت هذه الطريقة ولم تظبط معى فى محاولة لحل هذه المشكلة

    وبعدها قمت بتنفيذ طريقة الأخ جاسر مره أخرى واشتغلت تمام ولكن نفس المشكلة

    هل المشكلة الأن ممكن ان تكون فى القالب أم فى خطوط جوجل ؟
    فانا أستخدمت الخط الكوفى

    اتمنى الرد فى اقرب فرصة

    ردحذف
    الردود
    1. اخي الحبيب الطريقة المتبعة هنا هي ذات الطريقة التي شرحها الاخ جاسر الحربي..و بالنسبة لي استخدمت الخط الكوفي كما تشاهده في مدونتي و لا توجد مشكلة فقط تاخير بسيط و غير ملحوظ لتحميل الخط و قد شاهدت مدونتك ولكن لم الاحظ وجود خط جديد http://www.3rab-tech.com/... تاكد من تطبيق العملية بعناية اخي الكريم و ان شاء الله تتم العملية بنجاح .

      حذف


  7. مشكووووووووووووور يا اخوي

    ردحذف
  8. الله يوفقك ويسعدك دنيا واخره

    ردحذف
  9. شكرا على التدوينة المميزة ، مفيدة جدا

    ردحذف
  10. تسلم الايادي علي المجهود الاكثر من رائع والمتميز

    ردحذف
  11. شكرا على الجهود جاري التجربة.

    ردحذف
  12. شكراا.....ما اسم الخط لديك في مدونتك ؟

    ردحذف
  13. موضوع رائع جدا يشرفنى زيارة مدونتى المتواضعة

    ردحذف
  14. جربتها عدة مرات ولا فائدة مالحل ؟؟

    انظر http://azzi-soft.blogspot.com/

    ردحذف