Pages

السبت، 13 سبتمبر 2014

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

 



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

ليست هناك تعليقات:

إرسال تعليق