Specifies the line height (line-height) for single-line text blocks. How to calculate?

Question

Layout

A question for experienced coders. By what principle do you set the line height for text blocks, which are represented by only one line in the layout. For multi-line text, no problem: we stupidly measure the distance between the upper word boundaries (must be in the same case) of adjacent lines. But what about single-line texts? Does knowledge of the theory of vertical rhythm help in this case? Poke, pliz, with your finger on materials where you can read about this ...

Answer 1

1. For multi-line text, you don’t need to measure anything, just click the “text” tool on the text layer and look in the font panel for the line-height value in px (accordingly, it should be set to pixels in the settings).
2. for a single line (usually for headings) - look at all the layouts of the project, if there is no multiline analogue, then either ask the design or type more test into the block (in the editor or debugger) and try different Line-heights. First, you can use the one specified for body, i.e. basic (+ it can be a fixed value or a multiplier), then we correct it by eye.
upd: if the base lh is a fixed value, then this will be the vert. rhythm. but with headers it's not always good.

Answer 2

I don't know what single-line text blocks are, but always keep in mind that one line can easily become multi-line due to the responsiveness of the site or because the editor wrote more than you intended.