Zalando Sans

Try Zalando Sans

Weights and styles

• ExtraLight 200Zalando Sans ExtraLight ExtraLight Italic
• Light 300Zalando Sans Light Light Italic
• Regular 400Zalando Sans Regular Italic
• Medium 500Zalando Sans Medium Medium Italic
• SemiBold 600Zalando Sans SemiBold SemiBold Italic
• Bold 700Zalando Sans Bold Bold Italic
• ExtraBold 800Zalando Sans ExtraBold ExtraBold Italic
• Black 900Zalando Sans Black Black Italic

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

Zalando Sans is a sans serif family in the plain grotesque manner. The specimen shows even strokes, a double-storey a, a single-storey g, flat stroke endings on c, e and s, and straight slanted quotation marks; nothing is ornamented. Its distinguishing feature is technical: two variable files, roman and italic, each carry a weight axis from 200 to 900 and a width axis from 75 to 125, so the family can be set narrower or wider than its default without switching fonts. Eight weights are named, ExtraLight to Black, each with an italic, 16 styles in total. The 606 glyphs cover Latin, Latin Extended and Vietnamese. The catalogue credits Jakob Ekelund, KH Type and Zalando, while the font's own name table lists Kurppa Hosk, KH Type and Jakob Ekelund. It is published under the SIL Open Font License 1.1.

Where Zalando Sans works

Interfaces with tight space

Pulling the width axis towards 75 fits longer labels into buttons, tabs and table headers without shrinking the type.

Headlines that adapt to the layout

The width axis runs up to 125, so one heading can be widened on a desktop layout and narrowed on a phone.

Long reading

Regular 400 with its italic handles paragraphs and emphasis; Medium and SemiBold give subheads without a second family.

Brand systems

Eight weights from ExtraLight to Black, all with italics, cover everything from fine print to campaign headlines.

Vietnamese-language products

The Vietnamese subset is present in both the roman and the italic file.

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 Zalando 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 Zalando 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: "Zalando Sans";
  src: url("/assets/fonts/ZalandoSans-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zalando Sans";
  src: url("/assets/fonts/ZalandoSans-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

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

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

Things to know

Two axes in two files

One variable file holds the roman and one the italic. Both have weight (200–900) and width (75–125); the default width is 100.

No Thin weight

The lightest weight is ExtraLight 200. The axis does not reach 100.

Variable files only

The package contains the two variable fonts. Static instances are available from the official source.

Reserved Font Name

The license notice reserves the name Zalando for the original fonts.

FAQs

Collections with Zalando Sans

• Grotesque sans-serif fonts

  Grotesque and neo-grotesque sans-serif families: plain, sturdy, slightly irregular workhorses for branding, editorial design and interfaces.

• Variable fonts with a width axis

  Variable families in which letter width is adjustable as well as weight, from slight narrowing for copy-fitting to a full condensed-to-wide range.

Similar fonts

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