Montserrat + Open Sans
Montserrat's geometric confidence makes a strong headline voice, while Open Sans keeps long paragraphs calm and easy to scan. Great for: SaaS landing pages & product marketing.
A heading that sets the tone
Body text needs to disappear into the reading experience rather than compete with it. This paragraph is set in Open Sans at a comfortable line height, so you can judge how the two fonts sit together across real sentences rather than a single line of type.
CSS
h1, h2, h3 {
font-family: Montserrat, sans-serif;
font-weight: 700;
}
body, p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1.6;
}