Text
Renders a text block with leading trim, removing space above capital letters and below the baseline. Read more.
It is important to note that the Text
element renders text as a block element (a div
), meaning you cannot nest and inline text nodes.
Type Hierarchy
32pt heavy
32pt bold
32pt semibold
32pt medium
32pt regular
26pt heavy
26pt bold
26pt semibold
26pt medium
26pt regular
23pt heavy
23pt bold
23pt semibold
23pt medium
23pt regular
20pt heavy
20pt bold
20pt semibold
20pt medium
20pt regular
20pt / 135% heavy
20pt / 135% bold
20pt / 135% semibold
20pt / 135% medium
20pt / 135% regular
20pt / 150% heavy
20pt / 150% bold
20pt / 150% semibold
20pt / 150% medium
20pt / 150% regular
16pt heavy
16pt bold
16pt semibold
16pt medium
16pt regular
16pt / 135% heavy
16pt / 135% bold
16pt / 135% semibold
16pt / 135% medium
16pt / 135% regular
16pt / 155% heavy
16pt / 155% bold
16pt / 155% semibold
16pt / 155% medium
16pt / 155% regular
14pt heavy
14pt bold
14pt semibold
14pt medium
14pt regular
14pt / 135% heavy
14pt / 135% bold
14pt / 135% semibold
14pt / 135% medium
14pt / 135% regular
12pt heavy
12pt bold
12pt semibold
12pt medium
12pt regular
11pt heavy
11pt bold
11pt semibold
11pt medium
11pt regular