كل ما عليك فعله لتركيب هاته الخطوط هو الذهاب الى تحرير القالب ثم البحث عن وسم <head> و ركب تحته مباشرة أي خط يعجبك من الخطوط التالية و يكون ذلك بلصق الكود المتوافق مع الصورة التي تظهر في الامثلة التالية :
1 - خط اَميري :
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Amiri'; بدل الوسم القديم للخط المستعمل في قالبك .
2 - خط Droid Arabic Kufi :
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Droid Arabic Kufi'; بدل الوسم القديم للخط المستعمل في قالبك .
3 - خط Droid Arabic Naskh :
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Droid Arabic Naskh'; بدل الوسم القديم للخط المستعمل في قالبك .
4 - خط Lateef :
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Lateef'; بدل الوسم القديم للخط المستعمل في قالبك .
5 - خط جذور العربي :
بالنسبة لهذا الخط إبحث عن ]]></b:skin> او ]]> </b:template-skin> ثم اضف هذا الكود قبله مباشرة :
@font-face {
font-family: 'AraJozoor-Regular';
src: url('https://www.dropbox.com/s/tuqtvwdx6u06jd7/AraJozoor-Regular.eot');
src: url('https://www.dropbox.com/s/tuqtvwdx6u06jd7/AraJozoor-Regular.eot?') format('embedded-opentype'),
url('https://www.dropbox.com/s/wyv1b12b0r1ifc3/AraJozoor-Regular.woff') format('woff'),
url('https://www.dropbox.com/s/w0j9jt7vu0xyhu4/AraJozoor-Regular.ttf') format('truetype'); }
لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'AraJozoor-Regular'; بدل الوسم القديم للخط المستعمل في قالبك .
في حال أردت إستعمال الخط في كافة القالب مباشرة كل ما عليك هو إستعمال الكود التالي الذي تضعه مباشرة قبل ]]></b:skin> او ]]> </b:template-skin> :
body {
background: #000;
font-family: 'AraJozoor-Regular'; color: #000;font-size:18px;font-weight:bold; margin: 0;
text-align: center;
}
في حال كان الكود موجود في قالبك قم بتغيير اسم الخط فقط .
للتعديل و التحكم في الكود :
حجم الخط font-size:10px; قم بزيادة الرقم لزيادة الحجم
جعل الخط سميك font-weight:bold;
لون الخط color:#000000; غير اللون بما تحب
Post a Comment