Font Sizes

These are the natural html headlines and an equivalent version in CSS. Just like paragraphs, all headlines follow the percentage based line-height that is assigned with the body but with CSS selectors, we can have the option to eliminate them entirely.

HEADLINES RELATIVE CLASS
Headline HUGE-FNT
Headline XLRG-FNT
Headline LRG-FNT
Headline MED-FNT
Headline SML-FNT
Headline XSML-FNT
Headline TINY-FNT
HEADLINES .H1 .H2 .H3 .H4 .H5 .H6
Headline .H1
Headline .H2
Headline .H3
Headline .H4
Headline .H5
Headline .H6
HEADLINES H1-H6

Headline H1

Headline H2

Headline H3

Headline H4

Headline H5
Headline H6
HEADLINES RELATIVE CLASS W LONGER TEXTS
Headline HUGE-FNT in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc.
Headline XLRG-FNT in adipiscing tempus lectus non pulvinar. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline LRG-FNT in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline MED-FNT in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline SML-FNT in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline XSML-FNT in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
HEADLINES .H1 .H2 .H3 .H4 .H5 .H6 W LONGER TEXTS
Headline .H1 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc.
Headline .H2 in adipiscing tempus lectus non pulvinar. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline .H3 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline .H4 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline .H5 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline .H6 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
HEADLINES .H1 .H2 .H3 .H4 .H5 .H6 W LONGER TEXTS
Headline .H1 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc.
Headline .H2 in adipiscing tempus lectus non pulvinar. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline .H3 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline .H4 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline .H5 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline .H6 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
HEADLINES H1-H6 W LONGER TEXTS

Headline H1 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc.

Headline H2 in adipiscing tempus lectus non pulvinar. Phasellus eget erat et erat aliquet sodales at ac augue.

Headline H3 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.

Headline H4 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.

Headline H5 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.
Headline H6 in adipiscing tempus lectus non pulvinar. Morbi eu pharetra nunc. Phasellus eget erat et erat aliquet sodales at ac augue.