Line Height (Leading) Examples

Leading Tight (`leading-tight`)

This paragraph uses `leading-tight`. Notice the reduced space between lines of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Leading Normal (`leading-normal`)

This paragraph uses `leading-normal`. This is often the default and provides comfortable readability. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Leading Relaxed (`leading-relaxed`)

This paragraph uses `leading-relaxed`. Observe the increased space, which can be good for longer passages or a more airy design. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.