Angular Material - Angular Material Typography - Angular Material Tutorial
Angular Material Typograph
- Angular Material provides various typography CSS classes which can be used to create visual consistency across Angular JS application.
- The following table lists down the different classes with their description.
learn angular material tutorials - typography Example
Sr.No | Class Name & Description |
---|---|
1 | md-display-1 Shows the text with Regular 34px. |
2 | md-display-2 Shows the text with Regular 45px. |
3 | md-display-3 Shows the text with Regular 56px. |
4 | md-display-4 Shows the text with Light 112px. |
5 | md-headline Shows the text with Regular 24px. |
6 | md-title Shows the text with Medium 20px. |
7 | md-subhead Shows the text with Regular 16px. |
8 | md-body-1 Shows the text with Regular 14px. |
9 | md-body-2 Shows the text with Medium 14px. |
10 | md-button Shows the button with Medium 14px. |
11 | md-caption Shows the text with Regular 12px. |
Related Tags - angular material , angular 2 material , angular material 2 , angular material design , material angular
Example:
- The following example showcases the use of typography CSS classes.