اضافة افضل ثلاثة خطوط في الويب لمدونات بلوجر باحترافيه

بسم الله والصلاة والسلام على رسول الله ,السلام عليكم اخواني اخواتي ,أعتقد أن جميعنا حاول أكثر من مره أن يستخدم خطوط عربيه جديده فى قالب مدونته على غرار الخطوط السته العربيه التي قدمتها جوجل مؤخرا ولكن البعض منا يريد ان يميز مدونته بخط اكثر جمالا ووضوحا لتظهر بشكل مميز واحترافي  ولكنه يجد عائقا في اضافة هذه الخطوط الى مدونته ,  واليوم باذن الله سنتطرق الى كيفية تجاوز هذا العائق واضافة افضل ثلاثه خطوط في الويب الى مدونات بلوجر بطريقه سهله جدآ واحترافيه ,,,

كيفية اضافة هذا الخط الى مدوناتكم

1- من  لوحة التحكم -> قالب -> تحرير HTML

2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

</head>

  

وقم بلصق كود الخط الذي تريده قبله تماما 

 

الخط الاول GESSTwoLight

كود الخط الاول

<link href='https://dl.dropboxusercontent.com/s/a2i96u2mu00z22n/GESSTwoLight.css' rel='stylesheet' type='text/css'/>

الخط الثاني GESSTwoMediumRegular

كود الخط الثاني

<link href='https://dl.dropboxusercontent.com/s/ga9ipblygtdebw8/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>

الخط الثالث DroidKufi-Bold

كود الخط الثالث

<link href='https://dl.dropboxusercontent.com/s/0saazd998wx8vpn/DroidKufi-Bold.css' rel='stylesheet' type='text/css'/>

الآن بعد ان اضفت كود الخط الذي اخترته  الى القالب تبقى لك خطوه اخيره لكي يظهر هذا الخط في مدونتك  , كل ماعليك الان  هو تغير اسم الخطوط في القالب , وخصوصا الأوسمة المهمه مثل الـ h2 , h3 , h1 , باسم الخط الذي اخترته ولتغيير اسم الخطوط في مدونتك قم بعمل الاتي:

قم بالبحث داخل القالب عن الكود التالي    

Font-family:

 

Font-family:Arial, Tahoma,vardana;       ستجده غالبا بهذا الشكل 

  font-family: كل ماعليك الان هو  استبدال اسم الخط الذي يلي كود الــــ

باسم الخط المطلوب الذي  سبق واضفته لمدونتك 

         GESSTwoLight   وفي مايلي مثال لاضافة الخط الاول المسمى بـ

قبل

Font-family:Arial, Tahoma,vardana;

بعد

Font-family:GESSTwoLight, Tahoma, vardana;

لاحظ هنا اننا قمنا باستبدال اسم الخط Arial   باسم الخط الجديد الذي اضفناه الى المدونه وهو  GESSTwoLight

الان قم بتكرار العمليه على باقي اكواد font-family 

واذا اردت تغيير خط المدونه بالكامل فقم بالبحث عن الكود التالي

body{

واضف الكود التالي بعده مباشره

Font-family:GESSTwoLight, Tahoma, vardana;

وبالاخير قم بحفظ القالب ومعاينة المدونه ومبروك عليك اشهر ثلاثه خطوط في الويب

اذا واجهتك اي مشكله في اضافة الخط الى مدونتك قم بكتابة تعليق وسيتم الرد عليك ان شاء الله

 مصدر   البعداني