How many font styles are best to use on the site?

Question

Fonts

Good afternoon, coders. I am engaged in website design.
The problem is this:
Sometimes after playing around with typography, it seems that there are a lot of font options in use in the layout.
Different combinations of font properties are used:
-typeface (up to 3)
-size
- bold / normal / italic
- leading -
letter space
- only high case / only low case
, etc.
When layout, as I understand it, heading properties are set: h1, h2, h3, h4, h5, h6.
It seems to me that it is very difficult to keep within just 6 styles for a whole: somewhere the text needs to be deflated, somewhere it needs to be made bolder (although, for example, the title was written with normal boldness).
Should we limit ourselves to h1, h2, h3, h4, h5, h6 only?
or
variations of the same h1, h2, h3, h4, h5, h6 are possible (i.e. the font itself and the size remain, but you can change other properties? how will you prescribe these additional properties for a specific block on the site?
I hope I understand expressed.

Answer 1

So, you are a designer and you are worried about how the layout designer will typeset your different headings, did I understand you correctly? The question is why are you bothering about it? Is this your headache? We have a lot of different tools for different headings, which are css selectors. Although you will have 1,000,000 h6, I can style each of them completely differently.

Answer 2

Even according to the canons of typography, there should be a maximum of 3 fonts per page.
On a web page, you need to understand that only one font is already 4 files of different formats. Each file is an additional request.
And, frankly, no offense, I can’t even imagine what’s going on with 6 fonts on a page. And according to your post, it is clear that you, on the advice of fools from these Internets, have been reading typographical books like Ruder, Bringhurst and others. Well. This in itself is not bad, but only if you do not lubricate your print-weary ligatures in the evenings.
Ah, to answer your specific question about font properties. From the exotic, it is possible to make a capital. You can make italic, but it will be an artificial slope, calculated automatically. Boldness from time immemorial in browsers did not work particularly in the correct mode.
And more good advice. The typesetter will not appreciate your exquisite games, with intervals and other typographic flight of the soul. In the sense that the maximum will be approximately similar. So it is unlikely that anyone will jack up the font during layout, as you jack it up in Photoshop.
6 fonts is a lot in any case.