Hi.
I read the answers
https://nicepage.com/questions/11400/how-to-use-my-own-true-type-fonts
https://nicepage.com/questions/47542/integrate-your-own-fonts-in-custom-css

I will be grateful for the step-by-step instruction.

For example, like this:

  1. Upload the font somewhere connect this font to the website or use web fonts ( https://fonts.google.com/ )
    2.1 Go to: Site settings - CSS, and add (Connect the font. Assign which tags will use the font. Tag list: https://www.w3schools.com/tags/default.asp):

     @font-face {
font-family: 'Bitstream Vera Serif Bold';
src: url('https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf');

    }
    p {
    font-family: 'Bitstream Vera Serif Bold', serif;
    }

  2. If you want the font not to be used on the whole site, you must use the <html> element. Insert into it. Go to: Element-<html>. Then the font will be used only in this element.
    3.1 For hosted and web fonts:

    Company
    Product
    Themes & Templates
    Nicepage
    Web Design