---
url: /docs/foundations/css-classes/font-weight.md
---
> Typography

# Font Weight

Utilities for controlling the font weight of an element.

## Quick reference

| Class          | Description        |
|----------------|--------------------|
| `font-normal`  | `font-weight: 400` |
| `font-bold`    | `font-weight: 700` |

## Basic usage

### Setting the font size

Control the font size of an element using the `text-{size}` utilities.

```html
<p class="font-normal ...">The quick smart warp scientist ...</p>
<p class="font-bold ...">The quick smart warp scientist ...</p>
```