Sans-serif typeface

Poppins

Try your own text
Poppins — Sphinx of black quartz, judge my vow.
Instant CSS
About this font

Poppins is a sans-serif family with a broad range of weights and both normal and italic styles. Its clean, geometric appearance can suit designs that need clear text and a contemporary feel, from short interface labels to larger display text. The available styles also allow consistent treatment across different levels of emphasis.

Best suited for: Use Poppins for websites, app interfaces, posters, packaging, headings, navigation, and short paragraphs. Lighter weights can keep supporting text airy, while medium and heavier weights can give titles, buttons, and key information stronger contrast. Its Devanagari, Latin, and Latin-ext subsets offer options for projects using those supplied character sets.

Design considerations: The nine weights provide fine control over hierarchy, so avoid relying on size alone to separate headings, labels, and body copy. Normal styles can handle standard reading and interface work; italics add emphasis or distinction without requiring another family. For longer text, test the lighter and regular weights at the intended size and spacing.

Pairing guidance: Poppins can pair with a restrained serif for editorial contrast, especially when headings need a crisp modern counterpoint to more text-focused paragraphs. It can also work with a narrower sans-serif for compact supporting labels or data. Keep the companion family quieter in weight and structure so the layout remains easy to scan.

Font pairing ideas

Fonts that pair well with Poppins

Explore complementary typefaces for headings, body copy, accents, and interface text.

Grandiflora One
Aa
Serif · 1 weight
Calistoga
Aa
Display · 1 weight
Amethysta
Aa
Serif · 1 weight
Agbalumo
Aa
Display · 1 weight
Asul
Aa
Serif · 2 weights