How to change font?

How to change font of site and admin panel?

Hello,
For the font I add in ~\includes\templates\default.catalog\layouts\default.inc.php a style section that include, for example:

  font-family:MarkPro,Arial,sans-serif
}
@font-face {
  font-family: 'MarkPro';
  src: local('MarkPro Regular'), local('MarkPro-Regular'),url("https://www.yourdomain.com/MarkPro.woff2") format("woff2");
  font-weight: normal; font-display: swap;
}
@font-face {
  font-family: 'MarkPro';
  src: local('MarkPro Regular'), local('MarkPro-Regular'),url("https://www.yourdomain.com/MarkProBold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}```

or you can add it in ~\includes\templates\default.catalog\css\app.min.css as well. Of course use your favorite fonts.

Hello,

Please check the attached file
I want to use this font on my site, but I don't know which format!

If it is possible please send me code to submit in the CSS or PHP file for this attached file And please guide me where to put the code in the file (beginning/end).

I am a beginner thank you for your guidance

Can I use the following code?

  font-family: Vazir;
  src: url('../../../fonts/Vazir/Vazir-Regular.eot'); /* IE9 Compat Modes */
  src: url('../../../fonts/Vazir/Vazir-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/Vazir/Vazir-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/Vazir/Vazir-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../../fonts/Vazir/Vazir-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
}

@font-face {
  font-family: Vazir;
  src: url('../../../fonts/Vazir-Bold/Vazir-Bold.eot');
  src: url('../../../fonts/Vazir-Bold/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
       url('../../../fonts/Vazir-Bold/Vazir-Bold.woff2') format('woff2'),
       url('../../../fonts/Vazir-Bold/Vazir-Bold.woff') format('woff'),
       url('../../../fonts/Vazir-Bold/Vazir-Bold.ttf')  format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Vazir;
  src: url('../../../fonts/Vazir-Light/Vazir-Light.eot');
  src: url('../../../fonts/Vazir-Light/Vazir-Light.eot?#iefix') format('embedded-opentype'),
       url('../../../fonts/Vazir-Light/Vazir-Light.woff2') format('woff2'),
       url('../../../fonts/Vazir-Light/Vazir-Light.woff') format('woff'),
       url('../../../fonts/Vazir-Light/Vazir-Light.ttf')  format('truetype');
  font-weight: 300;
}

body {
  font-family: Vazir, Verdana, Helvetica, Arial, sans-serif;
}```

We are all beginners at some point. :)

LiteCart 2.5+ users see Admin -> Appearance -> Edit Styling. You will see an existing font that can be replaced.

Accoarding to Caniuse it's enough with woff2 fonts in 2023. Keep it lightweight and simple 😉
https://caniuse.com/woff2

If you do this over FTP look for variables.css in the template folders includes/templates/*/css/variables.css.

Thanks tim awesome work !  
So happy to find it.

I am translating and testing on Local but not all sentences in the downloaded CSV file
Please send me the full CSV file

Thank you, I have sent you a CSV file via email.