HEADING 1
Add Your Heading Text Here
3Rem, 700, 1.3em LH, LetSp 0.2
HEADING 2
Add Your Heading Text Here
2rem, 700, 1.3em LH, def, def
HEADING 3
Add Your Heading Text Here
1.5Rem, 500, 1.2em 0.8pxLS
HEADING 4
Add Your Heading Text Here
1.3Rem, 400, 1.2em LH, 1px LS
Test these with the 5 sizes, rechecking the break points, mostly watch for x large, laptop, and mobile…mostly mobile!!!!
I used default sizes, and I guess they incremented up, from BODY/TEXT size…which is pretty smooth.
X-LARGE FONT, TEXT 1
4 rem, 1.2 em LH Lorem ipsum dolor sit amet,
LARGEST FONT, TEXT 13 rem, 1.2 em LH <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
MEDIUM FONT TEXT 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
SMALL FONT TEXT 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
X-SMALL FONT TEXT 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.