> For the complete documentation index, see [llms.txt](https://codennerd.gitbook.io/cxcss/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codennerd.gitbook.io/cxcss/product-guides/typography/font-weight.md).

# Font Weight

## `.weight-{value}`

Sets the font weight of the text.

CSS equivalent: `font-weight: {value};`

Example usage:

```html
<span class="weight-bold">This text has a bold font weight.</span>
```

***

## `.bold`

Sets the font weight to `bold`.

CSS equivalent: `font-weight: bold;`

Example usage:

```html
<span class="bold">This text has a bold font weight.</span>
```

***

## `.bolder`

Sets the font weight to `bolder`.

CSS equivalent: `font-weight: bolder;`

Example usage:

```html
<span class="bolder">This text has a bolder font weight.</span>
```

***

## `.light`

Sets the font weight to `light`.

CSS equivalent: `font-weight: light;`

Example usage:

```html
<span class="light">This text has a light font weight.</span>
```

***

## `.lighter`

Sets the font weight to `lighter`.

CSS equivalent: `font-weight: lighter;`

Example usage:

```html
<span class="lighter">This text has a lighter font weight.</span>
```