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