Josefin Sans
sans-serif · Designed by Santiago Orozco
Instant CSS & Tailwind Generator
Snippet updates automatically to match whichever weight you select above.
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.
Josefin Sans is a geometric sans-serif with a distinct vintage modernist feel, drawing inspiration from Scandinavian design of the 1930s. Its letterforms are built on strict geometric principles, featuring even stroke widths, circular counters, and tall, narrow proportions. The typeface carries a clean, elegant quality without feeling cold or overly clinical. It sits somewhere between functional and decorative, making it versatile but with a clear personality that leans toward the refined and slightly retro.
In practice, Josefin Sans works well as a display or headline font for fashion and lifestyle brands where a sense of understated sophistication is needed. It performs strongly in editorial layouts, particularly for magazine covers, section headers, and pull quotes where its narrow proportions help it stand tall without consuming too much horizontal space. It is also a solid choice for UI elements like navigation menus, buttons, and labels in design-forward apps or websites, especially those targeting an audience that values aesthetics alongside usability. Its all-caps setting is particularly effective for short bursts of text like taglines or category labels.
Best suited for: Consider Josefin Sans for fashion editorials, lifestyle branding, UI design systems, and display contexts where refined geometric aesthetics enhance visual hierarchy without sacrificing legibility.
Design considerations: The typeface's extensive weight range from 100 to 700, paired with matching italics, supports flexible typographic hierarchies across both print and digital applications. Its narrow proportions and geometric construction reward generous spacing and careful sizing, particularly when setting longer passages or smaller text.
Pairing guidance: Pair Josefin Sans with Playfair Display for elegant editorial layouts where a contrasting serif headline anchors geometric body text, with Lora to balance refined sans-serif UI or navigation against a more traditional serif voice for body content, or with Dancing Script to introduce warmth and movement alongside geometric precision in lifestyle or creative contexts.
Pairs well with
Josefin Sans at a glance
Santiago Orozco
SIL Open Font License 1.1
November 2010
September 2025
14 (7 weights + italics)
Yes: weight 100–700
Sans Serif · Display
3
Google Fonts
All 14 Josefin Sans styles
| Weight | Name | Upright | Italic |
|---|---|---|---|
| 100 | Thin | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 200 | ExtraLight | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 300 | Light | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 400 | Regular | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 500 | Medium | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 600 | SemiBold | Aa Bb Gg 123 | Aa Bb Gg 123 |
| 700 | Bold | Aa Bb Gg 123 | Aa Bb Gg 123 |
Josefin Sans character map
Which languages does Josefin Sans support?
Josefin Sans includes 3 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
- Vietnamese: Vietnamese, including its stacked tone marks
It does not include Cyrillic or Greek characters, so it can't set Russian, Ukrainian or Greek text.
Can I use Josefin Sans commercially?
Yes, it's free for personal and commercial use. Josefin Sans 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.