Josefin Slab

Variable Font with 1 axis

Weight (wght): 100–700

@font-face {
  font-family: 'Josefin Slab';
  src: url('<YOUR SERVER PATH>JosefinSlab[wght].ttf') format(woff2);
  font-weight: 100 700;
  font-stretch: 100%;
  font-style: normal;
}

@font-face {
  font-family: 'Josefin Slab';
  src: url('<YOUR SERVER PATH>JosefinSlab-Italic[wght].ttf') format(woff2);
  font-weight: 100 700;
  font-stretch: 100%;
  font-style: italic;
}

Josefin Slab was the first typeface–at least in my mind–I designed! But I decided to start simple with Josefin Sans. Following the 1930s trend for geometric typefaces, it just came to me that something between Kabel and Memphis with modern details will look great. I wanted to stick to the idea of Scandinavian style, so I put a lot of attention to the diacritics, especially to "æ" which has loops connecting in a continuous way, so the "e" slope was determined by this character. It also has some typewriter style attributes, because I've liked the Letter Gothic typeface since I was in high school, and that's why I decided to make a Slab version of Josefin Sans.

Santiago Orozco