بسم الله الرحمان الرحيم
نظرا لطلبات الاخوة في كيفية إستخدام خط NeoSansArabic كما هو الحال في زين العربية ، من اجل اعتماده في منتداهم تم عمل هذا الموضوع ليتم شرح الطريقة بشكل مبسط و سهل.
نظرا لطلبات الاخوة في كيفية إستخدام خط NeoSansArabic كما هو الحال في زين العربية ، من اجل اعتماده في منتداهم تم عمل هذا الموضوع ليتم شرح الطريقة بشكل مبسط و سهل.
على بركة الله
1. قم بتحميل المرفق و الذي يحمل اسم Fonts ثم قم برفعه الى مجلد منتداك او مجلد سكربت زين فورو فاذا كان منتداك على مجلد خاص مثلا XF2 فقم برفع ملف الخطوط اليه ليصبح هكذا XF2/Fonts اما اذا لم يكن لمنتداك مجلد خاص قم برفعه مباشرة الى public_html كما مبين في الصورة.
2. قم بإضافة الكود التالي إلى قالب
Extra.less طبعا لا تنسى اختيار الستايل الذي سيطبق عليه الخط
CSS:
@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
وهذا شرح توضيحي بالصورة
هذا شكل خط المنتدى قبل التطبيق
وهذا بعد التطبيق
أرجو أن يكون الشرح واضح للجميع
مع خالص التحية و التقدير
إدارة زين العربية
التعديل الأخير:
