Design Tool

fontPair.title

fontPair.description

fontPair.filter

fontPair.headingSize: 36px

fontPair.bodySize: 16px

fontPair.customText

fontPair.preview.headingDefault

fontPair.preview.bodyDefault

CSS

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400&display=swap');

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

body, p {
  font-family: 'Source Sans 3', sans-serif;
}

fontPair.faq.title

fontPair.faq.whatIs.answer

fontPair.faq.pairing.answer

fontPair.faq.google.answer

fontPair.faq.free.answer