primitiv.es/type

Type

Type is language given a body. Size, weight, and the space around each line decide whether a reader keeps going.

Five instruments for the type decisions made on every project, from a modular scale to the system font that stands in before your webfont loads.

  1. 01ScaleA modular type ramp with line heights, as clamp() CSSYour sizes were picked one at a time and nothing lines upIn preparation
  2. 02SpecimenYour text in a curated shelf of faces, with pairingsGoogle Fonts has 1,700 families and no opinionIn preparation
  3. 03MeasureLine length and paragraph rhythmLines are too long on wide screens and you cannot tell by how muchIn preparation
  4. 04Unitspx, rem, em, pt and letter-spacing conversionsThe spec is in points and tracking, the CSS is in rem and emIn preparation
  5. 05FallbackSystem font stacks that match your webfont metricsText jumps when the webfont arrivesIn preparation