Material design typography classes
112px
Display 4
<span class="mat-display-4">Display 4</span>
56px
Display 3
<span class="mat-display-3">Display 3</span>
45px
Display 2
<span class="mat-display-2">Display 2</span>
34px
Display 1
<span class="mat-display-1">Display 1</span>
24px
Headline
<span class="mat-headline">Headline</span>
20px
Title
<span class="mat-title">Title</span>
16px
Subheading 2
<span class="mat-subheading-2">Subheading 2</span>
15px
Subheading 1
<span class="mat-subheading-1">Subheading 1</span>
14px
Body 1
<span class="mat-body-1">Body 1</span>
14px
Body 2
<span class="mat-body-2">Body 2</span>
12px
Caption
<span class="mat-caption">Caption</span>
Standard Headings
24px
Heading 1
<h1>Heading 1</h1> <span class="h1">Heading 1</span>
20px
Heading 2
<h2>Heading 2</h2> <span class="h2">Heading 2</span>
16px
Heading 3
<h3>Heading 3</h3> <span class="h3">Heading 3</span>
15px
Heading 4
<h4>Heading 4</h4> <span class="h4">Heading 4</span>
13px
Heading 5
<h5>Heading 5</h5> <span class="h5">Heading 5</span>
12px
Heading 6
<h6>Heading 6</h6> <span class="h6">Heading 6</span>