How to add new custom font to the fonts list ?

Hello,

It is possible, still it is needed to add this font using @font-face rule:
1. https://css-tricks.com/snippets/css/using-font-face/
Add the @font-face to Home tab >> Settings >> Additional CSS.
2. Paste the font name in Design >> Font options for Text or Headings and click Enter.
Please let us know if any additional questions appear in process.

Sincerely,
Nettie,
BillilonDigital Team

Hi ,
Let's say i followed the steps , what about the font file itself ( *.ttf / *.woff / *. etc ) ?! do i have to install it on my system platform or there is some specific folder on my theme folder to put it there ?!
for example this is my project location on drive:
C:\ProgramData\Themler\hd_data\themler_4031460328\html\themes\Untitled
1- i want to know where to save my font file .
2- i want to work with it on Design time .
3- i tried your way with ( Arabic font file with all formats ) and not working at all ( what to do ? )

thank you

Hi,

As indicated in the link provided in the post above, you need to add the URL to the font file. For now you can position it on your computer. But it is better to keep it on the hosting so when you publish the site, font files should be also accessible for the users.

Sincerely,
Hella

Hi! Unfortunately, Themler does not natively support loading multiple custom Arabic TTF fonts into the font list without using @font-face. The font list in Themler is usually populated with web-safe fonts or those included by default (like Google Fonts https://freedafonts.com/ .

Nice discussion! For better results, you can use a conversor de letras or an online font generator to preview and convert your Arabic fonts before adding them with @font-face. This helps ensure proper rendering and compatibility across browsers.