Change font xenforo admin panel to Kufic

WeKnowConquer

Legend
Staff member
CEO-WeKnowConquer
Dec 13, 2024
929
1
18
[ XF Compatibility ] Compatible with XF version 2.1.x
First you will have to enable development mode by putting the following line in the file:

Code:
config.php

You will find the file in

Code:
public_html/vb/src أو public_html/src

And add this code to it

Code:
$config['development']['enabled'] = true;

Then search for Extra.Less and add this code in it

CSS:
/*

* Droid Arabic Kufi (Arabic) https://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');

}


The last step
From style settings
Select the main style --------> Fonts - Typography
Change fonts to:
UI Font --------> Droid Arabic Kufi
Text Structural Font --------> Droid Arabic Kufi
Don't forget to save your changes.