شرح إضافة حزمة الخطوط العربية الاحترافية لمحرر XenForo 2
مقدمة:
إضافة الخطوط العربية تمنح منتداك هوية بصرية فريدة وتجعل المحتوى أكثر سهولة في القراءة. سنقوم في هذا الدرس بإضافة 5 من أشهر الخطوط العربية المتوفرة على Google Fonts وهي:
(Cairo - Almarai - Tajawal - El Messiri - Lemonada).
الخطوة الأولى: تعديل قالب PAGE_CONTAINER
سنقوم بربط المنتدى بخوادم جوجل لجلب الحزمة كاملة.
الخطوة الثانية: تعديل ملف editor.js
الخطوة الثالثة: تعديل ملف editor-compiled.js
هذا الملف هو المسؤول عن ظهور الأسماء في قائمة الخطوط المنسدلة بالمحرر.
نصيحة إضافية:
عند استخدام هذه الخطوط، تذكر أن بعضها (مثل Lemonada) قد يحتاج إلى حجم خط أكبر قليلاً ليظهر بوضوح، بينما خطوط مثل **Cairo** و **Almarai** مثالية جداً للنصوص الطويلة والأخبار.
تمت إضافة الحزمة العربية بنجاح! جرب المحرر الآن وستبهرك النتائج.
مقدمة:
إضافة الخطوط العربية تمنح منتداك هوية بصرية فريدة وتجعل المحتوى أكثر سهولة في القراءة. سنقوم في هذا الدرس بإضافة 5 من أشهر الخطوط العربية المتوفرة على Google Fonts وهي:
(Cairo - Almarai - Tajawal - El Messiri - Lemonada).
الخطوة الأولى: تعديل قالب PAGE_CONTAINER
سنقوم بربط المنتدى بخوادم جوجل لجلب الحزمة كاملة.
- من لوحة الإدارة > المظهر > القوالب، افتح PAGE_CONTAINER.
- ابحث عن:
HTML:
</head> - أضف فوقه مباشرة هذا الكود:
HTML:
<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">- افتح الملف: js/xf/editor.js
- ابحث عن:
JavaScript:
'verdana': 'Verdana', - أضف تحتها مباشرة الأسطر التالية:
JavaScript:
'cairo': 'Cairo',
'almarai': 'Almarai',
'tajawal': 'Tajawal',
''el messiri'': 'El Messiri',
'lemonada': 'Lemonada',هذا الملف هو المسؤول عن ظهور الأسماء في قائمة الخطوط المنسدلة بالمحرر.
- افتح الملف: js/xf/editor-compiled.js
- ابحث عن:
JavaScript:
verdana:"Verdana" - أضف بعدها مباشرة:
JavaScript:
,cairo:"Cairo",almarai:"Almarai",tajawal:"Tajawal","'el messiri'":"El Messiri",lemonada:"Lemonada"- ثم ابحث في نفس الملف عن:
JavaScript:
"Verdana,Geneva,sans-serif":"Verdana" - أضف بعدها مباشرة:
JavaScript:
,"Cairo":"Cairo","Almarai":"Almarai","Tajawal":"Tajawal","El Messiri":"El Messiri","Lemonada":"Lemonada"عند استخدام هذه الخطوط، تذكر أن بعضها (مثل Lemonada) قد يحتاج إلى حجم خط أكبر قليلاً ليظهر بوضوح، بينما خطوط مثل **Cairo** و **Almarai** مثالية جداً للنصوص الطويلة والأخبار.
تمت إضافة الحزمة العربية بنجاح! جرب المحرر الآن وستبهرك النتائج.
