Saturday, 26 January 2013

تعلم طريقة تركيب خطوط الويب فى مدونتك بنفسك شرح مبسط





السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا بسيط من مدونة مدون عن كيفية اضافة خطوط الويب خطوط عربية من جوجل لمدونات بلوجر وهذه الخطوط شغالة على جميع المتصفحات ومن افضل الخطوط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; }



المصدر|مدونة محمد عماد

0 comments:

Post a Comment