مقدمة 

- نعم انها الخطوط الاجنبيه التي لا تدعم العربيه ، وتظهرها بشكل افتراضي بشع جدا للويب وسئ وغير معاصر ،
لذلك سنتجه في شرحنا اليوم الي اضافة اشهر خطوط المدونات العربيه لمدونات بلوجر ، او للويب عامةً لان الاكواد هي واحدة .
<< لا تعطني سمكة بل علمني كيف اصطادها >> ولآن هذا شعارنا في اعطاء شروحات للمدونة سوف نشرح كيف تقوم بالحصول علي آلاف الخطوط العربيه والحصول علي الشكل الذي يناسب مظهر قالبك في آخر التدوينه .. لنتجه الي الشرح .

اسماء الخطوط المستعمله

  1. بكره
  2. السماء ثقيل
  3. السماء
  4. درويد نسخ
  5. درويد سانز
  6. درويد كوفي
  7. شهد عريض
  8. سمارت مان
  9. القاهرة
  10. دبي
  11. راوي ثقيل
  12. سطور
  13. المسيري ثقيل
  14. الجزيرة خفيف


الشرح

اولاً يجب عليك وضع رابط مُختصر للخطوط اسفل الوسم Head وهو يحوي كل الخطوط دفعة واحده وهذا لا يؤثر علي المدونة
وايضا يسمح بتعدد الخطوط

الكود /

<link rel="stylesheet" type="text/css" href="//www.fontstatic.com/f=bokra,sky-bold,sky,droid-naskh,droid-sans,DroidKufi-Regular,shahd-bold,smartman,cairo,dubai,rawy-bold,stoor,elmessiri-bold,jazeera-light" />
 


ثانياً يجب ان تحدد اين تريد ان تستخدم الخط فمثلا ان كنت تريد وضعه في منطقة محدده فقط في الصفحه و تنوع خطوط المدونة
قم بإضافة Css الخاص بالكود في المنطقة المراد تعديلها فمثلاً
ان كنت اريد ان اجعل الهيدر الخاص بي بخط السماء سأقوم بوضع هذا الكود اسفل الوسم ]]></b:skin>


#header {
font-family : sky;
}
 


الـ ID الخاص بالهيدر الخاص بي قد يختلف عن ما في قالبك ، لذلك فانك تبحث عنه وتضعه بدلاً من #header
اما اذا لم تعمل فأنك تضيف important وهذا بمعني مهم ، اي ان هو مهم دونا عن كل الخطوط وضع هذا الخط في الهيدر

فيكون هكذا


#header {
font-family : sky!important;
}
 

اما للخيار الثاني وهو تطبيق الخط علي المدونة بالكامل وهي الافضل والاسهل ..
نضع هذا الكود اعلي الوسم ]]></b:skin>


* {
font-family : sky!important;
}
 


تنبيه : اذا كنت تستعمل ايقونات Font Awesome في مدونتك فإنها ستختفي لذلك يتوجب عليك وضع هذا الكود
اما ان لم تكن تضعها فهو غير مهم بالنسبة لك



* {
font-family : sky ,FontAwesome!important;
}
 


كيف تحصل علي كل الخطوط ؟؟
من موقع FontFace موقع عربي للخطوط " تحميل او استعمال الويب ،


اذا حدثت لك اي مشكلة اثناء التنفيذ فقط اخبرنا اياه في تعليق ،