/web-typography

A simple, elegant, scalable, easy to drop in typography base style sheet with good defaults and lots to config

Primary LanguageCSS

Web Typography CSS

Simplified scaling stylesheet

Drop in the CSS file or install the SCSS source, then modify the vars to tailor aesthetics (you can use the settings page)

Instant benefits :

  • Resets and normalises typography
  • Gives you a steady line-height
  • A configurable modular scale
  • (R)EM based for a18n
  • Sexy scaling
  • Clamped font sizes relative to viewport
  • Inline vars for changing text without adding styles

Configure

There is a custom settings page with some handy presets worth checking out in the tests/ folder.

Run yarn serve to play with it

Build

To build it yourself, first install the devDependencies by running yarn install then yarn dist to build into the libs folder