> 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-size.md).

# Font Size

## `.text-{number}`

Sets the font size of the text.

CSS equivalent: `font-size: {number}px;`

Example usage:

```html
<span class="text-16">This text has a font size of 16 pixels.</span>
```

***

## `.text-largest`

Sets the font size to the largest predefined size.

CSS equivalent: `font-size: {largest};`

Example usage:

```html
<span class="text-largest">This text has the largest font size.</span>
```

***

## `.text-larger`

Sets the font size to a larger predefined size.

CSS equivalent: `font-size: {larger};`

Example usage:

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

***

## `.text-large`

Sets the font size to a large predefined size.

CSS equivalent: `font-size: {large};`

Example usage:

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

***

## `.text-medium`

Sets the font size to a medium predefined size.

CSS equivalent: `font-size: {medium};`

Example usage:

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

***

## `.text-small`

Sets the font size to a small predefined size.

CSS equivalent: `font-size: {small};`

Example usage:

```html
<span class="text-small">This text

 has a small font size.</span>
```

***

## `.text-smaller`

Sets the font size to a smaller predefined size.

CSS equivalent: `font-size: {smaller};`

Example usage:

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