Line height is a CSS property that specifies the height of a line of text. It’s commonly used to set the leading, or vertical space between lines of text. The line height property can be specified in several different ways:
The line-height property can take one of the following values:
normal: This is the default value.The browser will calculate the line height based on the font size.
length: Specifies a fixed line height in px, pt, cm, etc.%: Sets the line height relative to the font size. If the font size is 16px, then setting the line height to 200% will make the line height 32px.initial: Sets this property to its default value. The default value forline-heightisnormalinherit: Inherits this property from its parent element.
For example, if you want to set the line height of all paragraphs on your page to be 20px, you would use the following CSS:
.myClass {
line-height: 20px;
}
The most common way to set the line height of an element is by using the length value. This can be any valid CSS length unit, such as px, pt, cm, etc. For example, if you want to set the line height of all paragraphs on your page to be 20px, you would use the following CSS:
.myClass {
line-height: 20px;
}
You can also set the line height as a percentage of the element's font size. For example, if you want the lines of text in an element to be double spaced, you would set the line height to 200%. If you want it to be triple spaced, you would set it to 300%, and so on.
Conclusion: You can set Line Height in Figma by using either Normal or Length value under Line Height Property in Figma's Text Settings Menu
