الثلاثاء، 27 سبتمبر 2016

100 100 100

تركيب أفضل الخطوط العربية لمدونات بلوجر


كل ما عليك فعله لتركيب هاته الخطوط هو الذهاب الى تحرير القالب ثم البحث عن وسم <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; غير اللون بما تحب 


إرسال تعليق

مواضيع حصرية

...
لن تجد مثلها على أي موقع اَخر

Whatsapp Button works on Mobile Device only