هيلبرنت | Helpernt - [ شرح ] : طريقة تغيير خط المنتدى الى خط الفلات او خط جذور

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)

- - [ شرح ] : طريقة تغيير خط المنتدى الى خط الفلات او خط جذور (https://www.helpernt.com/vb/showthread.php?t=8865)

طريقة تغيير خط المنتدى الى خط الفلات او خط جذور

السلام عليكم ورحمه الله بركانه

اليوم تلقيت طلب من هيلبرنت بوجد اخ غزيز لنا بالمنتدى يحتاج طريقة تغيير حط المنتدى الى الخط الفلات او Flat Font وهو خط عربى جديد وللامانه بعد تجربته وجدت انه روووعه لكن للاسف لاتوجد فيه كل الاوزان الوزن المتواجد فقط هو الوزن المعتدل اما باق الاوزان للحصول عليه يجب عليك شرائها

https://i.imgur.com/ZkjzZVC.gif

[ اسم الشرح ] : طريقة تغيير خط المنتدى الى خط الفلات او flat font
[ التوافق ] : يتوافق مع كل الاصدارات الزين فورو الجيل الثانى XF2.0

الخطوات وطريقة التركيب
1 - من تحكم المنتدى >> المظهر >> البحث فى القوالب >> ابحث عن قالب اسمه core.less بداخل هذا القالب ابحث عن هذا الكود

كود:

font-family: @xf-fontFamilyUi;

- استبداله بـــ

كود PHP:


		
			
font-family: "JF Flat Regular";

2- ثم فى قالب extra.less ضع هذا الكود

كود PHP:


		
			
@font-face {

    font-family: "JF Flat Regular";

    src: url('styles/fonts/JF-Flat-regular.eot');

    src: url('styles/fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),

    url('styles/fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'),

    url('styles/fonts/JF-Flat-regular.woff') format('woff'),

    url('styles/fonts/JF-Flat-regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

بهذا نقوم انهينا عملنا داخل لوحة تحكم المنتدى

الخطوة الثانيه

1 - طريقة رفع الملفات الخط والا يتوجب عليك تحميل الملف من هنا او من الموقع الرسمى للخط https://fonts.jozoor.com/flat-font

2- قم بفك الضغط عن المجلد ستجد ملفات الخط بهذا الشكل

https://i.imgur.com/voUN9GB.gif

3- قم برفعها على هذا المسار

كود:

styles/fonts

النتيجة

https://i.imgur.com/IlOShc6.gif

https://i.imgur.com/EvbxJdm.jpg

مع تحياتى
لو افادتك بشى لاتبخل بالرد لتنشيط الموضوع