Joan

Instant CSS & Tailwind Generator

Snippet updates automatically to match whichever weight you select above.

What do I do with this?

Just want to use the font? Click "Get this font on Google Fonts" to download it or add it directly to a document, design tool (like Canva or Photoshop), or your computer's font list.

Building a website? Click "Copy Font Code" to copy a short snippet, then paste it into your website's HTML (usually inside the <head> section) to use this font on your site.

Joan is a serif typeface with a refined, classical structure that leans toward the elegant without feeling overly formal. Its letterforms have moderate contrast between thick and thin strokes, giving it a traditional editorial quality while still reading cleanly at display sizes. The overall personality is composed and literary, the kind of typeface that suggests credibility and thoughtfulness without shouting for attention. It works best at larger sizes where its details can be appreciated, though it holds up reasonably well in smaller text contexts too.

Joan is a natural fit for literary or cultural publications, where its editorial tone aligns with long-form written content and book-style layouts. It works well for boutique brand identities, particularly in fashion, beauty, or lifestyle sectors that want to communicate sophistication without going purely minimalist. It also suits academic or institutional websites, where a serif typeface signals authority and seriousness, such as a university department page, an arts foundation, or a cultural journal that needs to feel established rather than trendy.

Best suited for: Joan suits editorial layouts, literary publications, and sophisticated brand identities in fashion, beauty, and cultural sectors seeking composed, credible typography.

Design considerations: Joan's single regular variant offers consistency across applications, though its refined details benefit from generous sizing to fully appreciate its classical structure. The typeface's moderate stroke contrast and composed personality work across both display and text contexts, making it adaptable for varied layout needs.

Pairing guidance: Pair Joan with Cormorant Garamond for layered serif elegance in editorial hierarchies, Lato for accessible sans-serif contrast in interface or body text roles, and DM Mono to introduce technical or code elements while maintaining sophisticated visual consistency.

Pairs well with

Joan at a glance

Joan styles

Joan character map

Which languages does Joan support?

Joan includes 2 character sets:

• Latin: English, Spanish, French, German, Italian, Portuguese and other Western European languages
• Latin Extended: Central and Eastern European languages such as Polish, Czech, Turkish, Romanian and Hungarian

It does not include Cyrillic or Greek characters, so it can't set Russian, Ukrainian or Greek text.

Can I use Joan commercially?

Yes, it's free for personal and commercial use. Joan is released under the SIL Open Font License 1.1. You can use it in logos, websites, apps, videos, printed products and merchandise without paying or asking permission. The one thing you can't do is sell the font file on its own.

Fonts similar to Joan

Joan FAQ