كل ما عليك فعله لتركيب هاته الخطوط هو الذهاب الى تحرير القالب ثم البحث عن وسم و ركب تحته مباشرة أي خط يعجبك من الخطوط التالية و يكون ذلك بلصق الكود المتوافق مع الصورة التي تظهر في الامثلة التالية :
1 - خط اَميري :
لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Amiri'; بدل الوسم القديم للخط المستعمل في قالبك .
2 - خط Droid Arabic Kufi :
لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Droid Arabic Kufi'; بدل الوسم القديم للخط المستعمل في قالبك .
3 - خط Droid Arabic Naskh :
لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Droid Arabic Naskh'; بدل الوسم القديم للخط المستعمل في قالبك .
4 - خط Lateef :
لاظهار الخط كل ما عليك هو استعمال وسم font-family: 'Lateef'; بدل الوسم القديم للخط المستعمل في قالبك .
5 - خط جذور العربي :
بالنسبة لهذا الخط إبحث عن ]]> او ]]> ثم اضف هذا الكود قبله مباشرة :
@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'; بدل الوسم القديم للخط المستعمل في قالبك .
في حال أردت إستعمال الخط في كافة القالب مباشرة كل ما عليك هو إستعمال الكود التالي الذي تضعه مباشرة قبل ]]> او ]]> :
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; غير اللون بما تحب
الكاتب : Unknown
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق
ليست هناك تعليقات:
إرسال تعليق