How to properly connect fonts to the site?

Question

Fonts

And what is the best way to connect fonts through google fonts, import, fontface so that the load is minimal and the page loads quickly????

Answer 1

Theoretically @font-face is faster, maybe -1 request. Use @font-face with font-display and no beard from eot, ttf etc, woff/woff2 and really needed set of many font styles is enough.
And Googlefonts is comfortable to use, yes)

Answer 2

Download the fonts, add them to the fonts folder, include them in CSS:

@font-face {
    font-family: Huntsman;
    src: url('../fonts/Huntsman.woff');
}

Page loading does not depend on fonts. It takes a long time to load if it performs a lot of database queries that must be processed by a php script. Only after that the page will be formed.
It can also take a long time to load if there are huge (more than 1 MB) pictures on the page.
Tip : Use tools to check the page loading speed of the site, compress images, reduce the number of database queries.