Sans-serif typeface

Outfit

Try your own text
Outfit — Crazy Fredrick bought many very exquisite opal jewels.
Instant CSS
About this font

Outfit is a sans-serif font with a clean, contemporary appearance and a broad range of weight options. Its single normal style keeps the family focused, while the variable format allows more gradual adjustment between available weights. It can suit interfaces, editorial layouts, and identity work where clear, modern text is needed.

Best suited for: Use Outfit for headings, navigation, buttons, labels, and short blocks of interface copy. Its range can also support posters, presentations, packaging, and simple brand materials. Lighter settings may work well in larger display text, while medium and heavier settings can help important information stand out.

Design considerations: The nine weights, from 100 through 900, provide plenty of control over hierarchy. Use lighter weights selectively, especially where text is small or contrast is limited, and reserve the strongest weights for brief emphasis. Since only the normal style is supplied, build variation through size, weight, spacing, and layout rather than italics.

Pairing guidance: Outfit can be paired with a serif that has readable proportions and a calm texture for editorial contrast. For a more unified interface, combine it with another restrained sans-serif, choosing one with noticeably different widths or weight behavior. Keep the companion font quieter so Outfit’s hierarchy remains easy to follow.

Font pairing ideas

Fonts that pair well with Outfit

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

Chiron Sung HK
Aa
Serif · 8 weights
Bakbak One
Aa
Display · 1 weight
David Libre
Aa
Serif · 3 weights
Bellota
Aa
Display · 3 weights
Fjord One
Aa
Serif · 1 weight