طبعا يمكن اضافة الخطوط برابط من موقع خارجي مثل جوجل او كلود فلير ولكنني بالبوابة فضلت رفع الخطوط على الموقع نفسه ولكل شخص وجهة نظر بالموضوع
نفتح القالب css_additional.css ونضع بأعلاه ( أول سطر ) الكود التالي وطبعا أول سطر ليقوم المتصفح بتحميل الخطوط قبل تحميل المحتوى
كود:
/* * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(core/css/DroidKufi-Regular/DroidKufi-Regular.eot); src: url(core/css/DroidKufi-Regular/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(core/css/DroidKufi-Regular/DroidKufi-Regular.woff2) format('woff2'), url(core/css/DroidKufi-Regular/DroidKufi-Regular.woff) format('woff'), url(core/css/DroidKufi-Regular/DroidKufi-Regular.ttf) format('truetype'); } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(core/css/DroidKufi-Bold/DroidKufi-Bold.eot); src: url(core/css/DroidKufi-Bold/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(core/css/DroidKufi-Bold/DroidKufi-Bold.woff2) format('woff2'), url(core/css/DroidKufi-Bold/DroidKufi-Bold.woff) format('woff'), url(core/css/DroidKufi-Bold/DroidKufi-Bold.ttf) format('truetype'); }
كود:
/public_html/wiki/core/css/
والان يمكن اضافة نوع الخط بكل مكان في تعديلات الستايل ( Style Variable Editor ) واحجام الخطوط ونوعها وهذا مثال على ذلك
لو أردنا تغيير خط محتوى المشاركات والمواضيع من المتغير المسمى Post Content Font
المهم هنا أن لا ننسى اضافة علامات '......' حول ( ببداية و نهاية ) اسم الخط الكوفي لأنه يتكون من كلمات بينها فراغ
وهذا المثال الصحيح لاضافة اسم الخط
كود:
'Droid Arabic Kufi', arial, sans-serif
لا تنسى رفع مجلدات الخطوط من المرفقات الى موقعك بواسطة برنامج FTP او لوحة التحكم cpanel