• أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

[ حصريا ] شرح إضافة خط NeoSansArabic لمنتداك كما في معهد زين العربية

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
23 يناير 2019
5,243
40
3,268
113
زين العربية
xenarabia.com
بسم الله الرحمان الرحيم

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

على بركة الله

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

1.jpg

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");
}

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

2.png

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

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

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

3.png


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

5.png

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

4.png


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

المرفقات

  • fonts.zip
    fonts.zip
    697.1 KB · المشاهدات: 259
التعديل الأخير:
شرح وافي وكافي اخوي محمد

بارك الله فيك ونفع بعلمك

احترامي وتقديري
اخوك
شقاوي
 
بارك الله فيك أخي محمد
أين الملف ?

و فيك بارك اخي
معذرة عن نسيان ارفاق الملف
تم ذلك
شرح وافي وكافي اخوي محمد

بارك الله فيك ونفع بعلمك

احترامي وتقديري
اخوك
شقاوي
الله يبارك في عمرك اخي تركي
تسلم على المرور
 
التعديل الأخير:

إحصائيات المنتدى

المواضيع
1,446
المشاركات
16,608
الأعضاء
1,022
آخر عضو مسجل
naseh
أعلى