Font Pairing Studio

Using Font Pairing Studio

Choose a heading and body family, lock either choice and preview curated combinations.

Choose separate heading and body families and adjust their own styles and variable axes. Filter the curated combinations by project and appearance, or try your own pairing.

Lock either font before trying another combination. Preview a website, article or dashboard and copy the matching CSS or export an outlined proof.