font-pair v1.0.0

font-pair

--interactive

experiment with typography pairings → does the perfect match even exi..

preview.render#editorial

// heading: Playfair Display

The quick brown fox jumps over the lazy dog

// body: Work Sans

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. Great typography creates a seamless reading experience that guides the eye naturally through content, establishing hierarchy and rhythm that speaks before a single word is read.

config.toml

pair 1/12#editorial

▸heading

Playfair Displayserif

size48px

▸body

Work Sanssans-serif

size18px

// css output

h1 {
  font-family: 'Playfair Display';
  font-size: 48px;
}
p {
  font-family: 'Work Sans';
  font-size: 18px;
}

commands