Josefin Slab

Try Josefin Slab

Weights and styles

• Thin 100Josefin Slab Thin Thin Italic
• ExtraLight 200Josefin Slab ExtraLight ExtraLight Italic
• Light 300Josefin Slab Light Light Italic
• Regular 400Josefin Slab Regular Italic
• Medium 500Josefin Slab Medium Medium Italic
• SemiBold 600Josefin Slab SemiBold SemiBold Italic
• Bold 700Josefin Slab Bold Bold Italic

Josefin Slab is a variable font: the download holds the whole weight range in one file per style, and the named weights above are positions on that range.

About Josefin Slab

Josefin Slab is a slab serif typeface built on the same geometric skeleton as Josefin Sans. Thin, unbracketed slabs sit on round, compass-like letters; the lowercase is short compared with the capitals, and the e has a tilted bar. Santiago Orozco writes that the design follows the 1930s fashion for geometric typefaces and borrows some typewriter attributes, and that he gave special care to the diacritics in keeping with a Scandinavian idea: the slope of the e was decided by the shape of the æ. The family is a variable font with a weight axis from 100 to 700, giving seven weights from Thin to Bold, each with an italic, 14 styles in all. The character set is small: 215 glyphs in the Latin subset, enough for English, German, Spanish, Italian, Portuguese, Dutch and the Nordic languages.

Where Josefin Slab works

Vintage-style headings

Hairline slabs on circular letters recall 1930s lettering in titles for cafés, shops and events.

Labels and menus

The typewriter-like serifs suit short lines such as product names, prices and dish titles.

Subheads next to Josefin Sans

Both families share one skeleton, so the slab can mark subheads or quotes within a Josefin Sans layout.

Large quotes

Even Regular 400 has thin strokes, so quotations set big keep a light, airy texture.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan

Rarely used letters that are not in the font: French Ÿ.

Character sets found in the files: latin. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Josefin Slab

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Josefin Slab on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Josefin Slab";
  src: url("/assets/fonts/JosefinSlab-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Josefin Slab";
  src: url("/assets/fonts/JosefinSlab-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Josefin Slab", serif;
}

Or load it from the official source. Google Fonts serves Josefin Slab with this markup:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">

Things to know

Basic Latin only

With 215 glyphs, the accented letters needed for Polish, Czech and Turkish are not all present; French is covered except for the rarely used capital Ÿ. Check your text before choosing it.

Light throughout

The strokes stay thin up to Regular; Medium to Bold are the weights that hold at smaller sizes.

Short lowercase

As in Josefin Sans, the lowercase is low against the capitals, so text looks smaller than its point size suggests.

FAQs

Similar fonts

Other families in the same classification, ordered by shared use tags. All slab serif fonts