شرح شرح إضافة حزمة الخطوط العربية الاحترافية لمحرر XenForo 2

شرح إضافة حزمة الخطوط العربية الاحترافية لمحرر XenForo 2
مقدمة:
إضافة الخطوط العربية تمنح منتداك هوية بصرية فريدة وتجعل المحتوى أكثر سهولة في القراءة. سنقوم في هذا الدرس بإضافة 5 من أشهر الخطوط العربية المتوفرة على Google Fonts وهي:
(Cairo - Almarai - Tajawal - El Messiri - Lemonada).
الخطوة الأولى: تعديل قالب PAGE_CONTAINER
سنقوم بربط المنتدى بخوادم جوجل لجلب الحزمة كاملة.

• من لوحة الإدارة > المظهر > القوالب، افتح PAGE_CONTAINER.
• ابحث عن:

  </head>

• أضف فوقه مباشرة هذا الكود:

<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&family=Cairo:wght@400;700&family=El+Messiri:wght@400;700&family=Lemonada:wght@400;700&family=Tajawal:wght@400;700&display=swap" rel="stylesheet">

الخطوة الثانية: تعديل ملف editor.js

• افتح الملف: js/xf/editor.js
• ابحث عن:

  'verdana': 'Verdana',

• أضف تحتها مباشرة الأسطر التالية:

'cairo': 'Cairo',
'almarai': 'Almarai',
'tajawal': 'Tajawal',
''el messiri'': 'El Messiri',
'lemonada': 'Lemonada',

الخطوة الثالثة: تعديل ملف editor-compiled.js
هذا الملف هو المسؤول عن ظهور الأسماء في قائمة الخطوط المنسدلة بالمحرر.

• افتح الملف: js/xf/editor-compiled.js
• ابحث عن:

  verdana:"Verdana"

• أضف بعدها مباشرة:

,cairo:"Cairo",almarai:"Almarai",tajawal:"Tajawal","'el messiri'":"El Messiri",lemonada:"Lemonada"

• ثم ابحث في نفس الملف عن:

  "Verdana,Geneva,sans-serif":"Verdana"

• أضف بعدها مباشرة:

,"Cairo":"Cairo","Almarai":"Almarai","Tajawal":"Tajawal","El Messiri":"El Messiri","Lemonada":"Lemonada"

نصيحة إضافية:
عند استخدام هذه الخطوط، تذكر أن بعضها (مثل Lemonada) قد يحتاج إلى حجم خط أكبر قليلاً ليظهر بوضوح، بينما خطوط مثل **Cairo** و **Almarai** مثالية جداً للنصوص الطويلة والأخبار.
تمت إضافة الحزمة العربية بنجاح! جرب المحرر الآن وستبهرك النتائج.

 

[BoElias]

بارك الله فيك شرح كافي ووافي

 

[akm]

جميل

 

[masrysat.com]

بارك الله فيك شرح كافي ووافي

 

[BoElias]

بارك الله فيك