# Typography
Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.
## Variant
{{"demo": "Variant.js", "defaultCodeOpen": false}}
```jsx
… // theme.typography.subtitle2
…
…
```
## Text alignment
{{"demo": "TextAlignment.js", "defaultCodeOpen": false}}
```jsx
…
…
…
```
## Text transformation
{{"demo": "TextTransform.js", "defaultCodeOpen": false}}
```jsx
…
…
…
```
## Font weight
{{"demo": "FontWeight.js", "defaultCodeOpen": false}}
```jsx
… // theme.typography.fontWeightLight
…
…
…
…
```
## Font size
{{"demo": "FontSize.js", "defaultCodeOpen": false}}
```jsx
… // theme.typography.fontSize
…
…
```
## Font style
{{"demo": "FontStyle.js", "defaultCodeOpen": false}}
```jsx
…
…
…
```
## Font family
{{"demo": "FontFamily.js", "defaultCodeOpen": false}}
```jsx
…
…
```
## Letter spacing
{{"demo": "LetterSpacing.js", "defaultCodeOpen": false}}
```jsx
…
…
```
## Line height
{{"demo": "LineHeight.js", "defaultCodeOpen": false}}
```jsx
…
…
```
## API
```js
import { typography } from '@mui/system';
```
| Import name | Prop | CSS property | Theme key |
| :-------------- | :-------------- | :------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------- |
| `typography` | `typography` | `font-family`, `font-weight`, `font-size`, `line-height`, `letter-spacing`, `text-transform` | [`typography`](/material-ui/customization/default-theme/?expand-path=$.typography) |
| `fontFamily` | `fontFamily` | `font-family` | [`typography`](/material-ui/customization/default-theme/?expand-path=$.typography) |
| `fontSize` | `fontSize` | `font-size` | [`typography`](/material-ui/customization/default-theme/?expand-path=$.typography) |
| `fontStyle` | `fontStyle` | `font-style` | [`typography`](/material-ui/customization/default-theme/?expand-path=$.typography) |
| `fontWeight` | `fontWeight` | `font-weight` | [`typography`](/material-ui/customization/default-theme/?expand-path=$.typography) |
| `letterSpacing` | `letterSpacing` | `letter-spacing` | none |
| `lineHeight` | `lineHeight` | `line-height` | none |
| `textAlign` | `textAlign` | `text-align` | none |
| `textTransform` | `textTransform` | `text-transform` | none |