afordigital / perfect-line-height

https://perfect-line-height.vercel.app
22 stars 9 forks source link

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

Contributors

Getting Started

  1. Clone or fork the repository:
  https://github.com/afordigital/perfect-line-height.git
  1. Install dependencies with your favorite package manager:
# with npm:
npm install

# with pnpm:
pnpm install

# with yarn:
yarn install

# with ultra:
ultra install
  1. 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

Deployment

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