It is commonly understood that line-height is a 1.5 multiplier of font-size. However, this is not only a reductionist approach, but there are other factors that depend on it such as the font-family or the number of lines. This page is intended as a tool for developers to know the line-height that best suits their text.

• @afor_digital

1. Clone or fork the repository:

  https://github.com/afordigital/perfect-line-height.git

2. Install dependencies with your favorite package manager:

# with npm:
npm install

# with pnpm:
pnpm install

# with yarn:
yarn install

# with ultra:
ultra install

3. Run in your terminal:

# with npm:
npm run dev

# with pnpm:
pnpm run dev

# with yarn:
yarn dev

# with ultra:
ultra dev

and open http://localhost:3000 🌺.

• Vite > v4.4
• React > v18.2
• UnoCSS > v0.56
• Presets de icons y tipografía en UnoCSS

Vercel: https://perfect-line-height.vercel.app