Perfect Line Height

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.

Authors

@afor_digital

Contributors

Getting Started

Clone or fork the repository:

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

Install dependencies with your favorite package manager:

# with npm:
npm install

# with pnpm:
pnpm install

# with yarn:
yarn install

# with ultra:
ultra install

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 🌺.

Stack

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

Deployment