Zalando Sans

Zalando Sans uitproberen

Gewichten en stijlen

• ExtraLight 200Zalando Sans ExtraLight ExtraLight Italic
• Light 300Zalando Sans Light Light Italic
• Regular 400Zalando Sans Regular Cursief
• 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 een variabel font: de download bevat het hele gewichtsbereik in één bestand per stijl, en de benoemde gewichten hierboven zijn posities binnen dat bereik.

Over Zalando Sans

Zalando Sans is een sans-seriffamilie in de eenvoudige groteskstijl. Het specimen toont gelijkmatige lijnen, een a met twee verdiepingen, een g met één verdieping, vlakke lijneinden bij c, e en s en rechte schuine aanhalingstekens. Niets is versierd. Het onderscheidende kenmerk is technisch: twee variabele bestanden, rechtopstaand en cursief, hebben elk een gewichtsas van 200 tot 900 en een breedteas van 75 tot 125, zodat je de familie smaller of breder dan de standaard kunt zetten zonder van font te wisselen. Acht gewichten zijn benoemd, van ExtraLight tot Black, elk met een cursief, samen 16 stijlen. De 606 glyphs dekken Latijn, Latijn uitgebreid en Vietnamees. De catalogus noemt Jakob Ekelund, KH Type en Zalando, terwijl de eigen naamtabel van het font Kurppa Hosk, KH Type en Jakob Ekelund vermeldt. Het font is gepubliceerd onder de SIL Open Font License 1.1.

Waar Zalando Sans goed werkt

Interfaces met weinig ruimte

Als je de breedteas naar 75 trekt, passen langere labels in knoppen, tabbladen en tabelkoppen zonder dat de letters kleiner worden.

Koppen die zich aan de opmaak aanpassen

De breedteas loopt op tot 125, dus één kop kan in een desktopopmaak breder en op een telefoon smaller worden gezet.

Lange teksten

Regular 400 met cursief verzorgt alinea’s en nadruk. Medium en SemiBold leveren tussenkoppen zonder tweede familie.

Merksystemen

Acht gewichten van ExtraLight tot Black, allemaal met cursieven, dekken alles van kleine lettertjes tot campagnekoppen.

Producten in het Vietnamees

De Vietnamese subset zit in zowel het rechtopstaande als het cursieve bestand.

Glyphs

Taalondersteuning

De familie bevat de basisletters waarmee deze talen worden geschreven:

• Engels
• Frans
• Duits
• Spaans
• Portugees
• Italiaans
• Nederlands
• Zweeds
• Noors
• Deens
• Fins
• IJslands
• Catalaans
• Turks
• Pools
• Tsjechisch
• Slowaaks
• Hongaars
• Roemeens
• Kroatisch
• Sloveens
• Litouws
• Lets
• Estisch
• Vietnamees

Tekensets in de bestanden: latin, latin-ext, vietnamese. De talenlijst is een controle of de benodigde letters in het font zitten, geen belofte over de typografische kwaliteit in elke taal.

Licentie

Fonts die passen bij Zalando Sans

De suggesties volgen uit eenvoudige regels op de gegevens: een contrasterende classificatie en genoeg gewichten voor lopende tekst. Ze zijn een vertrekpunt, geen oordeel.

Zalando Sans op het web gebruiken

Download de familie, zet de bestanden op je eigen site en declareer ze in CSS. Link niet naar de bestanden op trendhub.net: de voorbeeldbestanden hier zijn subsets en hun adressen veranderen.

@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;
}

Of laad het vanaf de officiële bron. Google Fonts levert Zalando Sans met deze code:

<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">

Goed om te weten

Twee assen in twee bestanden

Eén variabel bestand bevat de rechtopstaande stijl en één de cursieve. Beide hebben gewicht (200–900) en breedte (75–125). De standaardbreedte is 100.

Geen Thin-gewicht

Het lichtste gewicht is ExtraLight 200. De as reikt niet tot 100.

Alleen variabele bestanden

Het pakket bevat de twee variabele fonts. Statische instanties zijn beschikbaar via de officiële bron.

Gereserveerde fontnaam

De licentievermelding reserveert de naam Zalando voor de originele fonts.

Veelgestelde vragen

Collecties met Zalando Sans

• Groteske sans serif-fonts

  Groteske en neogroteske sans serif-families: eenvoudige, stevige, licht onregelmatige werkpaarden voor branding, redactioneel ontwerp en interfaces.

• Variabele fonts met een breedteas

  Variabele families waarin naast het gewicht ook de letterbreedte instelbaar is, van lichte versmalling om tekst te laten passen tot een volledig bereik van smal tot breed.

Vergelijkbare fonts

Andere families in dezelfde classificatie, gesorteerd op gedeelde gebruikstags. Alle fonts in de stijl sans serif