Inter + Open Sans
Two screen-tuned humanist sans-serifs that share a similar x-height, so headings and UI copy feel like one family. Great for: Dashboards & web applications.
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: Inter, sans-serif;
font-weight: 700;
}
body, p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1.6;
}