بسم الله الرحمن الرحيم
الحمد لله رب العالمين و الصلاة و السلام على سيد المرسلين و خاتم النبيين محمد و على اله واصحابه اجمعين .. و بعد ..
اضافت كوكل مؤخرا ستة خطوط عربية تجريبية تعمل على جميع المتصفحات و يتم اضافتها بخطوتين بسيطتين و بالنسبة لي اخترت منها الخط الكوفي و اضفته الى مدونتي كما هي عليه الان .
طريقة اضافة الخطوط :
ندخل الى صفحة الخطوط من هنا ستجد عدد من الخطوط بلغات اخرى اختر الخط المكتوب امامه Arabic و بعدها ندخل الى لوحة التحكم ثم نختار المدونة التي نريد اضافة الخط لها و من اليمين نختار قالب و بعدها تحرير HTML كما في الصورة :
الان نبحث عن :
و نضع تحته مباشرة كود رابط الخط:
بعد ان نختار الخط سنلاحظ وجود رابط الخط نقوم بنسخه كما في الصورة التالية :
للتوضيح اكثر مثلا انا اخترت الخط الكوفي .. يصبح الكود بهذا الشكل :
الحمد لله رب العالمين و الصلاة و السلام على سيد المرسلين و خاتم النبيين محمد و على اله واصحابه اجمعين .. و بعد ..
اضافت كوكل مؤخرا ستة خطوط عربية تجريبية تعمل على جميع المتصفحات و يتم اضافتها بخطوتين بسيطتين و بالنسبة لي اخترت منها الخط الكوفي و اضفته الى مدونتي كما هي عليه الان .
طريقة اضافة الخطوط :
ندخل الى صفحة الخطوط من هنا ستجد عدد من الخطوط بلغات اخرى اختر الخط المكتوب امامه 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;
}
السلام عليكم
ردحذفدخلت صباح اليوم لنشر تدوينة عن نفس الموضوع وبما أني اتابع خلاصات مدونتك عبر قوقيل ريدر تعجبت من هذا التوارد :)
أعترف أن عرضك أجمل وأيسر بالتوفيق
و عليكم السلام و رحمة الله و بركاته .. بصراحة انا مسرور جدا بهذه الاطلالة و لو كنت اعلم بانك ستكتب عن هذا الموضوع ما كتبته لاني على ثقة بطرحك الرائع و شرحك الميسر .
حذفولله اني ما اصدك اخير رجعت اخي ولله انا مسرور جدا
ردحذفانت رفعت راس العراق
استمر اخوي
اشكرك اخوية مصطفى .. اني الي مسرور بيك اخي بسؤالك عني و تواصلك معي و انت الي بيك رفعة الراس . تحياتي الك يا غالي .
حذفطريقة جميلة لاضافة الخطوط
ردحذفشكرا لك
طريقة جميل لاضافة الخطوط ..
ردحذفولكن رايي هو الخطوط الاصلية هي الاحسن ..
---
سفيان
الخطوط جميلة جدا
ردحذفأولا مشكور أخى على الشرح والمدونة الرائعة بمعنى الكلمة
ردحذفولكن انا كنت دائما كنت أستخدم طريقة الأخ جاسر الحربى و كان ظهور الخط فى المدونة يأخد قليل من الوقت مع العلم ان سرعه الانترنت عالية
وجربت هذه الطريقة ولم تظبط معى فى محاولة لحل هذه المشكلة
وبعدها قمت بتنفيذ طريقة الأخ جاسر مره أخرى واشتغلت تمام ولكن نفس المشكلة
هل المشكلة الأن ممكن ان تكون فى القالب أم فى خطوط جوجل ؟
فانا أستخدمت الخط الكوفى
اتمنى الرد فى اقرب فرصة
اخي الحبيب الطريقة المتبعة هنا هي ذات الطريقة التي شرحها الاخ جاسر الحربي..و بالنسبة لي استخدمت الخط الكوفي كما تشاهده في مدونتي و لا توجد مشكلة فقط تاخير بسيط و غير ملحوظ لتحميل الخط و قد شاهدت مدونتك ولكن لم الاحظ وجود خط جديد http://www.3rab-tech.com/... تاكد من تطبيق العملية بعناية اخي الكريم و ان شاء الله تتم العملية بنجاح .
حذف
ردحذفمشكووووووووووووور يا اخوي
الله يوفقك ويسعدك دنيا واخره
ردحذفشكرا على التدوينة المميزة ، مفيدة جدا
ردحذفتسلم الايادي علي المجهود الاكثر من رائع والمتميز
ردحذفشكرا على الجهود جاري التجربة.
ردحذفشكراا.....ما اسم الخط لديك في مدونتك ؟
ردحذفموضوع رائع جدا يشرفنى زيارة مدونتى المتواضعة
ردحذفجربتها عدة مرات ولا فائدة مالحل ؟؟
ردحذفانظر http://azzi-soft.blogspot.com/
شكرا شرح جميل
ردحذفجزاكم الله خيرا
ردحذفحائط للصور مدير موقع