هيلبرنت | Helpernt - [XF 2.x] : طريقة تغيير خط منتديات الزين فورو الجيل الثانى الى الخط الكوفى

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

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

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

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

اليوم سنقوم بشرح طريقة تغيير خط منتديات الزين فورو الجيل الثانى اى XENFORO 2.X الى الحط الكوفى الرائع (droidarabickufi) وسيتم ذلك من خلال طريقتان وانشاء الله الطريقتان اسهل من بعض انبدء علبركة الله.
[ اسم الشرح ] : تغيير خط المنتدى إلى الخط الكوفي
[ التوافق ] : يتوافق مع كل الاصدارات الزين فورو الجيل الثانى XF2.0
[ موقع مقدم الشرح ] : معهد هيلبرنت

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

كود:

<head>

- ضع اسفل منه هذا الكود

كود:

<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>

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

كود:

font-family: @xf-fontFamilyUi;

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

كود:

font-family: 'Droid Arabic Kufi',sans-serif;

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

كود:

/*

* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess

*/

@font-face {

  font-family: 'Droid Arabic Kufi';

  font-style: normal;

  font-weight: 400;

  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);

  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),

       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),

       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),

       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');

}

@font-face {

  font-family: 'Droid Arabic Kufi';

  font-style: normal;

  font-weight: 700;

  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);

  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),

       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),

       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),

       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');

}

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

كود:

font-family: @xf-fontFamilyUi;

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

كود:

font-family: 'Droid Arabic Kufi',sans-serif;

النتيجة

http://www.mediafire.com/convkey/fc7...w0x8osdmzg.jpg