شرح لاضافة الخط الكوفي للموقع

تقليص
X
 
  • تصفية - فلترة
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة

  • [الجيل الخامس] شرح لاضافة الخط الكوفي للموقع

    اضغط على الصورة لعرض أكبر

الاسم: image_2071.jpg
الحجم: 101.8 كيلوبايت
رقم التعريف: 224288
    طبعا يمكن اضافة الخطوط برابط من موقع خارجي مثل جوجل او كلود فلير ولكنني بالبوابة فضلت رفع الخطوط على الموقع نفسه ولكل شخص وجهة نظر بالموضوع

    نفتح القالب 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'); }
    نقوم بتحميل مجلدات الخطوط من المرفقات ونرفعهم بهذا المسار كما هو الحال في بوابة داماس ( لا تنسى تغيير كلمة wiki الى vb او forum بحسب اسم مجلد المنتدى عندك )

    كود:
    /public_html/wiki/core/css/
    تأكد أن مسار مجلد الخطوط أصبح بهذا الشكل

    اضغط على الصورة لعرض أكبر  الاسم: ldlGoDk.jpg الحجم: 39.9 كيلوبايت رقم التعريف: 225138




    والان يمكن اضافة نوع الخط بكل مكان في تعديلات الستايل ( Style Variable Editor ) واحجام الخطوط ونوعها وهذا مثال على ذلك

    لو أردنا تغيير خط محتوى المشاركات والمواضيع من المتغير المسمى Post Content Font

    اضغط على الصورة لعرض أكبر  الاسم: Nt2RauK.jpg الحجم: 157.0 كيلوبايت رقم التعريف: 225139





    المهم هنا أن لا ننسى اضافة علامات '......' حول ( ببداية و نهاية ) اسم الخط الكوفي لأنه يتكون من كلمات بينها فراغ
    وهذا المثال الصحيح لاضافة اسم الخط

    كود:
    'Droid Arabic Kufi', arial, sans-serif
    ثم نكرر نفس العملية على كل مكان نريد فيه أن يظهر الخط الكوفي مثل عناوين المواضيع والمشاركات ... الخ

    لا تنسى رفع مجلدات الخطوط من المرفقات الى موقعك بواسطة برنامج FTP او لوحة التحكم cpanel
    التعديل الأخير تم بواسطة HaMooooDi; الساعة 05-18-2020, 03:20 AM.

المواضيع ذات الصلة

تقليص

المواضيع إحصائيات آخر مشاركة
أنشئ بواسطة HaMooooDi, 03-20-2024, 03:10 AM
ردود 0
25 مشاهدات
0 معجبون
آخر مشاركة HaMooooDi
بواسطة HaMooooDi
 
أنشئ بواسطة HaMooooDi, 02-28-2024, 12:57 AM
ردود 0
22 مشاهدات
0 معجبون
آخر مشاركة HaMooooDi
بواسطة HaMooooDi
 
أنشئ بواسطة HaMooooDi, 02-18-2024, 04:24 AM
ردود 0
15 مشاهدات
0 معجبون
آخر مشاركة HaMooooDi
بواسطة HaMooooDi
 
أنشئ بواسطة HaMooooDi, 02-10-2024, 09:25 PM
ردود 0
25 مشاهدات
0 معجبون
آخر مشاركة HaMooooDi
بواسطة HaMooooDi
 
أنشئ بواسطة HaMooooDi, 02-09-2024, 04:06 PM
ردود 0
36 مشاهدات
0 معجبون
آخر مشاركة HaMooooDi
بواسطة HaMooooDi
 
يعمل...
X