Poppins + Open Sans
Poppins brings a friendly geometric energy to headlines; Open Sans keeps the supporting copy neutral and readable. Great for: Startup & app marketing sites.
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: Poppins, sans-serif;
font-weight: 700;
}
body, p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1.6;
}