XF 2.2 شرح إضافة خط NeoSansArabic لمنتداك

[ناصر]

بسم الله الرحمان الرحيم

نظرا لطلبات الاخوة في كيفية إستخدام خط NeoSansArabic كما هو الحال في زين العربية ، من اجل اعتماده في منتداهم تم عمل هذا الموضوع ليتم شرح الطريقة بشكل مبسط و سهل.

على بركة الله

1. قم بتحميل المرفق و الذي يحمل اسم Fonts ثم قم برفعه الى مجلد منتداك او مجلد سكربت زين فورو فاذا كان منتداك على مجلد خاص مثلا XF2 فقم برفع ملف الخطوط اليه ليصبح هكذا XF2/Fonts اما اذا لم يكن لمنتداك مجلد خاص قم برفعه مباشرة الى public_html كما مبين في الصورة.



2. قم بإضافة الكود التالي إلى قالب Extra.less طبعا لا تنسى اختيار الستايل الذي سيطبق عليه الخط

@font-face {font-family: "NeoSansArabic";
font-style: normal;
font-weight: normal;
    src: url("fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.eot");
    src: url("fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.eot?#iefix") format("embedded-opentype"),
    url("fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.woff2") format("woff2"),
    url("fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.woff") format("woff"),
    url("fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.ttf") format("truetype"),
    url("fonts/neosansarabic/7668f634eb4865a48f04d52ea3fb9b27.svg#NeoSansArabic-Medium") format("svg");
}
@font-face {font-family: "NeoSansArabic";
font-style: normal;
font-weight: bold;
    src: url("fonts/neosansarabic-medium/7668f634eb4865a48f04d52ea3fb9b27.eot");
    src: url("fonts/neosansarabic-medium/7668f634eb4865a48f04d52ea3fb9b27.eot?#iefix") format("embedded-opentype"),
    url("fonts/neosansarabic-medium/7668f634eb4865a48f04d52ea3fb9b27.woff2") format("woff2"),
    url("fonts/neosansarabic-medium/7668f634eb4865a48f04d52ea3fb9b27.woff") format("woff"),
    url("fonts/neosansarabic-medium/7668f634eb4865a48f04d52ea3fb9b27.ttf") format("truetype"),
    url("fonts/neosansarabic-medium/7668f634eb4865a48f04d52ea3fb9b27.svg#NeoSansArabic-Medium") format("svg");
}

وهذا شرح توضيحي بالصورة




3. نقوم بإضافة إسم الخط NeoSansArabic الى الخطوط الافتراضية للستايل الذي نود تطبيق الخط عليه وذلك من خلال

لوحة تحكم المنتدى --- > المظهر ---> إعدادات الستايل --- > الخطوط - Typography

وهذا شرح توضيحي بالصورة




هذا شكل خط المنتدى قبل التطبيق





وهذا بعد التطبيق





أرجو أن يكون الشرح واضح للجميع
مع خالص التحية و التقدير

منقول من زين العربية