حصريا تغيير الخطوط في مدونات بلوجر الى خطوط جميلة واحترافية

تغيير الخطوط في مدونات بلوجر الى خطوط جميلة واحترافية 

الخط الأول هو الدي اسمه GESSTOW_Light و شكله مثل الصورة التالية 

و لاضافته لمدونتك يجب أن تضيف كود ليستطيع المتصفح أن يتعرف عليه لدالك ستبحث عن

و تضيف فوقه

@font-face {
font-family: 'GESSTOW_Light';
src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.eot');
src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.eot?#iefix') format('embedded-opentype'),
url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.woff') format('woff'),
url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.otf') format('truetype');
font-weight: normal;
font-style: normal;
}

الخط الثاني و هو الدي اسمهGESSTOW_Medium

و لاضافته لمدونتك تبحث عن نفس الكود السابق و تضيف فوقه 

@font-face {

font-family: 'GESSTOW_Medium';

src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Medium1.eot');

src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Medium1.eot?#iefix') format('embedded-opentype'),

url('https://3rab-help.googlecode.com/files/GE_SS_Two_Medium.woff') format('woff'),

url('https://3rab-help.googlecode.com/files/GE_SS_Two_Medium.otf') format('truetype');

font-weight: normal;

font-style: normal;

}

الخط الثالث و هو الدي اسمهGESSTOW_Bold

و لاضافته الى مدونتك تقوم بالبحث عن الكود السابق و تضيف فوقه 

@font-face {

font-family: 'GESSTOW_Bold';

src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Bold.eot');

src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Bold.eot?#iefix') format('embedded-opentype'),

url('https://3rab-help.googlecode.com/files/GE_SS_Two_Bold.woff') format('woff'),

url('https://3rab-help.googlecode.com/files/GE_SS_Two_Bold.otf') format('truetype');

font-weight: normal;

font-style: normal;

}

الخط الرابع و هو الخط الدي اسمهDroidKufi-Bold

و لاضافته لمدونتك تقوم بالبحث عن الكود السابق و تضيف فوقه 

@font-face {

font-family: 'DroidKufi-Bold';

font-style: normal;

font-weight: 700;

src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);

src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');

}

الخط الخامس و هو خط GE SS TV

و لاضافته الى مدونتك قم بالبحث عن الكود السابق و أضف فوقه 

@font-face{font-family: GE SS TV;src: url(https://dl.dropboxusercontent.com/s/6rb9luqhya2z7t6/ge_ss_tv_bold.ttf);}

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

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

Font-family:

و هدا الكود هو الدي يخبر المتصفح بنوع النص الدي تريده في مدونتك و غالبا ما تجده بهدا الشكل

Font-family:Arial, Tahoma,vardana;

لدالك ستغيير الخط باللون الأحمر فقط الى اسم النص من النصوص المدكورة أعلاه (مثال : GE SS TV ) 

اما ادا أردت تغيير خط المدونة بالكامل فقم بالبحث عن :

body{

و أضف الكود الاتي بعده مباشرة مع اختيار اسم الخط الدي تريده 

Font-family:GE SS TV;