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

السلام عليكم 

ان الخطوط و نوعها شيئ مهم جدا في جمالية و احترافية موقعك أو مدونتك و هناك العديد من أنواع الخطوط العربية التي قد تكون بحاجة اليها لتمييز موقعك عن المواقع الأخرى لدالك اليوم سأريك كيف تقوم بتغيير خطوط مدونتك مع خطوط بلوجر جديدة 

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

الخط الأول هو الدي اسمه 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;