---
title: "Auto line height classes"
description: "The `autotext-*` classes: a font size with a line height derived from it."
requested_language: nl
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/nl/reference/utilities/auto-line-height
version: unreleased (main)
docs_index: https://docs.systhema.app/nl/llms.txt
---
> This page isn't translated yet. Showing English.


<!-- generated by pnpm docs:generate; do not edit -->

Each class sets a font size from Tailwind’s `text-*` scale and a line height that shrinks as the size grows.

| Class           | Styles                                       |
| --------------- | -------------------------------------------- |
| `autotext-2xl`  | `font-size: 24px;`<br>`line-height: 1.925;`  |
| `autotext-3xl`  | `font-size: 30px;`<br>`line-height: 1.825;`  |
| `autotext-4xl`  | `font-size: 36px;`<br>`line-height: 1.708;`  |
| `autotext-5xl`  | `font-size: 48px;`<br>`line-height: 1.482;`  |
| `autotext-6xl`  | `font-size: 60px;`<br>`line-height: 1.31;`   |
| `autotext-7xl`  | `font-size: 72px;`<br>`line-height: 1.195;`  |
| `autotext-8xl`  | `font-size: 96px;`<br>`line-height: 1.075;`  |
| `autotext-9xl`  | `font-size: 128px;`<br>`line-height: 1.021;` |
| `autotext-base` | `font-size: 16px;`<br>`line-height: 1.997;`  |
| `autotext-lg`   | `font-size: 18px;`<br>`line-height: 1.987;`  |
| `autotext-sm`   | `font-size: 14px;`<br>`line-height: 2;`      |
| `autotext-xl`   | `font-size: 20px;`<br>`line-height: 1.972;`  |
| `autotext-xs`   | `font-size: 12px;`<br>`line-height: 2;`      |