Angular Material – #1 – Typography
- class = “mat-display-1”
- class = “mat-display-2”
- class = “mat-display-3”
- class = “mat-display-4”
- class = “mat-headling” // this is a heading for h1
- class = “mat-title” // this is a heading for h2
- class = “mat-subheading-2” // this is a heading for h3
- class = “mat-subheading-1” // this is a heading for h4
- class = “mat-body-1” // this body text
- class = “mat-body-2” // this is bold body text
- class = “mat-caption” // this is caption text
- <div class = “typography”>
- <h1> this is the same as class = “mat-headling” </h1>
- <h2> this is the same as class = “mat-title” </h2>
- <h3> this is the same as class = “mat-subheading-2” </h3>
- <h4> this is the same as class = “mat-subheading-1” </h4>
- </div>