Sans-serif typeface

Josefin Sans

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

Josefin Sans is a sans-serif family with a broad range of weights and both normal and italic styles. Its flexible setup can support clean display work as well as readable text, depending on the chosen size and weight. The variable format may also allow more gradual control when a project needs fine adjustments.

Best suited for: Use it for headings, navigation, posters, labels, short paragraphs, and interface text. Lighter weights can create an airy look in larger settings, while medium and heavier weights can add emphasis to titles, buttons, and key information. Italics offer a useful alternative for notes or highlighted phrases.

Design considerations: The seven weights, from 100 through 700, make hierarchy easier to establish without changing families. Reserve the lightest styles for generous sizes and uncluttered layouts, then move toward 400–500 for general text and 600–700 for stronger contrast. Test spacing and line length carefully, especially when using italic text or dense content.

Pairing guidance: For contrast, combine Josefin Sans with a serif that has calm, readable proportions, using the serif for longer passages and the sans-serif for headings. A restrained humanist sans-serif can also provide a subtle difference without making the layout feel busy. Match x-height, weight, and spacing before adding decorative contrast.

Font pairing ideas

Fonts that pair well with Josefin Sans

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

Enriqueta
Aa
Serif · 4 weights
Bellota Text
Aa
Display · 3 weights
Glegoo
Aa
Serif · 2 weights
Bitcount Ink
Aa
Display · 9 weights
Alike Angular
Aa
Serif · 1 weight