Josefin Sans

Try Josefin Sans

Weights and styles

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

Josefin Sans 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 Sans

Josefin Sans is a geometric sans serif with a vintage character, intended for use at larger sizes. Its lowercase is unusually short: the x-height sits half way between the baseline and the top of the capitals, so ascenders and capitals tower over letters such as a, e and o. The round letters are close to circles, the capital A comes to a sharp point, and the bar of the e is tilted. Santiago Orozco drew it with geometric sans serifs of the 1920s in mind, and it has a sister family, Josefin Slab. Since December 2019 the family has had a variable weight axis from 100 to 700, giving seven weights from Thin to Bold, each with an italic, 14 styles in all. The fonts hold 613 glyphs for Latin, Latin Extended and Vietnamese.

Where Josefin Sans works

Fashion and lifestyle headings

Tall capitals over a short lowercase give titles a 1920s flavour, especially in Thin and Light.

Logos and wordmarks

Near-circular O, C and G and the pointed A make a short name in capitals look drawn with compass and ruler.

Menus and invitations

The tilted bar of the e and the long ascenders add a period touch to names, dishes and dates set large.

Poster titles

SemiBold and Bold keep the geometric shapes but add enough weight for a title seen from a distance.

Headings above a slab serif

Josefin Slab shares the same proportions, so the two families can split headings and subheads.

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
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian
• Vietnamese

Character sets found in the files: latin, latin-ext, vietnamese. 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 Sans

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 Sans 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 Sans";
  src: url("/assets/fonts/JosefinSans-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Josefin Sans";
  src: url("/assets/fonts/JosefinSans-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

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

Or load it from the official source. Google Fonts serves Josefin Sans 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+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">

Things to know

Text looks small for its size

Because the x-height is half the cap height, lowercase text appears smaller than the same point size in most sans serifs.

Bold 700 is the heaviest weight

The weight axis runs from 100 to 700; there is no ExtraBold or Black.

The font name is reserved

The license notice reserves the name “Josefin Sans”, so a modified version needs a different name.

FAQs

Collections with Josefin Sans

• Fonts for logos and wordmarks

  Geometric, rounded, wide and classical open-license typefaces with enough character to carry a name on their own.

• Fonts for restaurant and café menus

  Serifs, scripts and narrow display faces for menus: a heading face with character and a text face that stays readable in low light.

• Geometric sans-serif fonts

  Sans-serif families built on circles, straight lines and even strokes, from 1920s-inspired designs to current brand typefaces.

Similar fonts

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