# 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>
```
