# Typography Material Design's text sizes and styles were developed to balance content density and reading comfort under typical usage conditions. MDC Typography is a foundational module that applies these styles to MDC Web components. The typographic styles in this module are derived from thirteen styles: * Headline 1 * Headline 2 * Headline 3 * Headline 4 * Headline 5 * Headline 6 * Subtitle 1 * Subtitle 2 * Body 1 * Body 2 * Caption * Button * Overline ## Design & API Documentation

## Installation ``` npm install @material/typography ``` ## Basic Usage ### HTML Structure We recommend using Roboto from Google Fonts: ```html

Big header

``` ### Styles ```css @use "@material/typography/mdc-typography"; ``` ## Style Customization ### Typography styles The typography styles (referred to as `