خطوط جميلة لمدونات بلوجر New Font For Blogger

تغيير خط مدونتك على البلوجر

السلام عليكم ورحمة الله وبركاته

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

وهذه امثلة لبعض الخطوط

افضل خطوط عربية  على الاطلاق 

ارسل لنا نمذجك ونحن نركب نمذج الخط مجانا كما تريد
هناك من يعربه ويدمر القاعدة المرجعية للخطوط تعريب احترافي 
كذلك توفر خدمة التعريب لبعض المدونات الغربية  بسرعة فائقة
حصري مع مدوتة افكار وتجارب

خطوط رائعة وتضفي على المدونة جمالية واحترافية 

نأتي الآن لطريقة التركيب وهي سهلة جدا 

أولا قم بالحث عن 

  ]]></b:skin>

ثم فوقها مباشرة ضعه أحد هذه الأكواد 

إختر الخط الذي تريد

 DroidKufi-Bold

@font-face {
font-family: 'DroidKufi-Bold';
src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.eot');
src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.eot?') format('embedded-opentype'),
url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.woff') format('woff'),
url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.ttf') format('truetype'); }

DroidKufi-Regular

@font-face {
font-family: 'DroidKufi-Regular';
src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.eot');
src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.eot?') format('embedded-opentype'),
url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.woff') format('woff'),
url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.ttf') format('truetype'); } 

DroidNaskh-Bold

@font-face {
font-family: 'DroidNaskh-Bold';
src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.eot');
src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.eot?') format('embedded-opentype'),
url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.woff') format('woff'),
url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.ttf') format('truetype'); }

DroidNaskh-Regular

@font-face {
font-family: 'DroidNaskh-Regular';
src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.eot');
src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.eot?') format('embedded-opentype'),
url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.woff') format('woff'),
url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.ttf') format('truetype'); } 

الآن بعد ان وضعت الكود الخاص بالخط نأتي لتبديل الخط القديم بالخط الجديد ولعمل ذالك عليك البحث عن كلمة
Font أو font-family وذالك لمعرفة نوع الخط لديك ولتبديله بالخط الذي ركبته
في أغلب الاحيان نجد هذه الخطوط

Arial

Tahoma 

Georgia

لكن تختلف من قالب لآخر المهم من الأفضل البحث عن كلمة
Font أو font-famil 

وأي نوع خط تجده أمام تلك الكلمة استبدله بالخط الذي اخترت

هكذا أكون قد إنتهيت

او طريقة اخرى

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

نحط صح على هذا الخيار Font Arabic




عشان يكون الخط من اليمين يسار ويكتب النصوص صحيحه

وبعدين نجي لكود استدعاء الخط نحطه في مربع سي اس اس
Add custom CSS

@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);

//////////////////////////////////////////////////////////////////////////////////////////////////////////////

@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
  

src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');}
@font-face {
  font-family: 'Droid Arabic Kufi';
  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');}
////////////////////////////////////////////////////////////////////////////////////////////////
نحط اسم الخط وفي خيار نوع خط البوست في ريدكس المطور Font Post

'Droid Arabic Kufi', serif

الحين اشتغل معنا الخط باقي نتحكم في حجم الخط في نفس خيارات الثيم Font Size Post
نكتب مقاس الخط انا كتبت 14 والي يحب يكبرالخط يسوي 18 وهيك كل واحد وحسب ذؤقه


عملنا مقاس الخط باقي نتحكم بالسمك عشان ما تتداخل الخطوط في بعضها
نتحكم بالسمك بالسالب من الخيار Font Line Height
-1


الحين خلصنا من خط الكوفي باقي تغير لون الخط في خيارات الثيم Color Post

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

: شارك

Tweet

✚

مواضيع ذات صلة