Framer Classic » Text Layers » Line Height

Line Height

Animating the Line Height
Open in Framer

The lineHeight property is not a points (or pixels) value, but a multiplier of fontSize.

By default, it’s 1.25 (in Code): one and a quarter times the font size. So with a font size of 40, the distance between two lines will be 50 points. (Although this currently seems to be off for small values.)

Pro tip: When you have only one line of text you can use line height to define the amount of vertical space around the text, for instance when making a button (see the example in Background Color).

Can be set in Design (but with only one decimal: 1.2, 1.3, etc.).


Leave a Reply