Josefin Slab
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 Slab is a geometric slab serif with a distinctly retro-modern personality. Its letterforms are built on clean, precise proportions with uniform stroke widths and sharp, unbracketed serifs that give it a structured, almost architectural feel. The font has a low x-height and tall capitals that create a sense of elegance without being overly formal. It reads as confident and refined, somewhere between vintage poster typography and contemporary minimalism. The overall effect is polished but approachable, with enough personality to stand out without overwhelming a design.
This font works well in editorial contexts where clear hierarchy and a bit of visual character are needed, such as magazine headers or feature article titles. It is also a strong fit for boutique branding projects, particularly in fashion, food, or lifestyle sectors where a timeless yet distinctive look is the goal. Additionally, it performs reliably in web UI headings, especially for landing pages or portfolio sites where the design leans toward minimalist or Scandinavian aesthetics. Its legibility at larger sizes makes it best reserved for display use rather than body copy.
Best suited for: Magazine headers, feature titles, boutique branding in fashion and lifestyle, and minimalist web UI headings where display-scale typography needs distinctive character.
Design considerations: The extensive weight range from 100 to 700, plus matching italics, supports flexible hierarchy and emphasis within display contexts. Low x-height and tall capitals work best at larger sizes; consider pairing with a complementary typeface for any supporting text.
Pairing guidance: Pair Josefin Slab with Josefin Sans for a cohesive geometric family system, Lora for a refined serif-on-serif contrast that maintains elegance, or Playfair Display when both fonts serve display roles and a more dramatic tonal shift is desired.
Pairs well with
Josefin Slab at a glance
Santiago Orozco
SIL Open Font License 1.1
November 2010
September 2025
14 (7 weights + italics)
Yes: weight 100–700
Serif · Display
1
Google Fonts
All 14 Josefin Slab 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 Slab character map
Which languages does Josefin Slab support?
Josefin Slab includes one character set:
- Latin: English, Spanish, French, German, Italian, Portuguese and other Western European languages
It does not include Cyrillic or Greek characters, so it can't set Russian, Ukrainian or Greek text.
Can I use Josefin Slab commercially?
Yes, it's free for personal and commercial use. Josefin Slab 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.