من المهم في المدونة أن يكون خطها جميلا و يظهر بوضوح للزائر
في هذا الدرس الجديد من دروس بلوجر سأقوم بشرح كيفية إستبدال خط مدونتك إلى خط جميل مثل tahoma أو Droid Arabic kufi أو Droid Arabic naskh
او احد الخطوط الموجوده وهي خطوط جميلة جدّاً وواضحة للزائر ,
أنا استعمل مثلاً خط droid arabic kufi و ساشرع في تطبيق الدرس في كيفية
وضع هذا الخط الجميل في مدونتك بخطوات جد سهلة وبسيطة تابع معي الشرح
قم بالتوجه إلى لوحة إدارة مدونتك ثم قم بتوسيع القالب
اضغط على Ctrl+F
و ابحث عن
<head>
ضع مباشرة بعده احد هذه الاكواد الاكواد التالية
1- هذا للخط نوع "amiri"
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
______________________________________________________
2- هذا للخط نوع Droid Arabic Kufi
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
3- وهذا للخط نوع 'Droid Arabic Naskh'
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
4- وهذا للخط نوع 'Lateef'
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
5- وهذا للخط نوع 'Scheherazade'
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
6- هذا للخط نوع 'Thabit'
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/>
=========================================================
ثم بعد ذلك ابحث عن
font-family
ثم نضع بعدها احد الاكواد التالية حسب نوع الخط المراد :
أما
font-family: 'Amiri', serif;
font-family: 'Amiri', serif;
او
font-family: 'Droid Arabic Kufi', serif;
أو
font-family: 'Droid Arabic Naskh', serif;
او
font-family: 'Lateef', serif;
font-family: 'Lateef', serif;
او
font-family: 'Scheherazade', serif;
font-family: 'Scheherazade', serif;
أو
font-family: 'Thabit', serif;
font-family: 'Thabit', serif;
وهذه صوره توضيحية لوضع احد هذه الاكواد :
اضغط على الصورة لترى حجمها الطبيعي
الخط الاجمل من نظري هو droid arabic kufi .
أتمنى يكون الدرس أعجبكم
بالتوفيق

0 التعليقات :
إرسال تعليق