تعلم طريقة تركيب خطوط الويب فى مدونتك بنفسك
السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا بسيط من موقع كنز المعرفة عن كيفية اضافة خطوط الويب خطوط عربية من جوجل لمدونات بلوجر وهذه الخطوط
شغالة على جميع المتصفحات ومن افضل الخطوطhttp://mdwanblog.blogspot.com/ الموجود العربية خط الكوفي وهو من أفضل الخطوط
على الإطلاق لانة يتميز بوضوحة وأيضا يظهر لجميع المتصفحات والآن لطريقة التركيب وهى سهلة جداً.
لاضافة الخط اول شيئ اذهب الى صفحة الخطوط ستجد الكثير من الخطوط بلغات اخرى انتا اختر الخط الموجود بجانبه Arabic وانا انصح بخط Droid Arabic Kufi الان اذهب الى لوحة التحكم بلوجر واذهب الى قالب ومن ثم تحرير HTML وابحث عن هذا الكود
<head>
وضع تحته مباشرة هذا الكود
<link href='رابط الخط' rel='stylesheet' type='text/css'/>
رابط الخط نحصل عليه مثل هذا المثال
نفترض ان نريد خط Droid Arabic Kufi ننسخ الرابط بالطريقة التالي مثل ما هو موجود في المربع
http://fonts.googleapis.com/earlyaccess/droidarabickufi.css
ليصبح الرابط بالشكل التالي
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
والخطوة الاخيرة وهي ادراج الخط ضمن المدونة ننسخ اسم الخط Droid Arabic Kufi ونبحث عن Font-family سيكون موجود بجانبه اسماء لخطوط مثل Arial, Helvetica, Sanserf الخ.. واستبدل الخط الذي تريده بالخطوط الموجود لديك
واذا اردت الخط لكل المدونة كل ما عليك هو البحث عن الكود التالي body ليصبح بالشكل الاتي
body { font-family: 'Droid Arabic Kufi', tahoma ,arial; }
وضع تحته مباشرة هذا الكود
<link href='رابط الخط' rel='stylesheet' type='text/css'/>
رابط الخط نحصل عليه مثل هذا المثال
نفترض ان نريد خط Droid Arabic Kufi ننسخ الرابط بالطريقة التالي مثل ما هو موجود في المربع
http://fonts.googleapis.com/earlyaccess/droidarabickufi.css
ليصبح الرابط بالشكل التالي
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
والخطوة الاخيرة وهي ادراج الخط ضمن المدونة ننسخ اسم الخط Droid Arabic Kufi ونبحث عن Font-family سيكون موجود بجانبه اسماء لخطوط مثل Arial, Helvetica, Sanserf الخ.. واستبدل الخط الذي تريده بالخطوط الموجود لديك
واذا اردت الخط لكل المدونة كل ما عليك هو البحث عن الكود التالي body ليصبح بالشكل الاتي
body { font-family: 'Droid Arabic Kufi', tahoma ,arial; }