Zalando Sans

Essayer Zalando Sans

Graisses et styles

• ExtraLight 200Zalando Sans ExtraLight ExtraLight Italic
• Light 300Zalando Sans Light Light Italic
• Regular 400Zalando Sans Regular Italique
• 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 est une police variable : le téléchargement contient toute la plage de graisses dans un fichier par style, et les graisses nommées ci-dessus sont des positions sur cette plage.

À propos de Zalando Sans

Zalando Sans est une famille sans empattements dans la veine des linéales sobres. Le spécimen montre des traits réguliers, un a à double panse, un g à une seule panse, des terminaisons plates sur c, e et s et des guillemets droits inclinés ; rien n’est décoratif. Sa particularité est technique : deux fichiers variables, romain et italique, portent chacun un axe de graisse de 200 à 900 et un axe de chasse de 75 à 125, de sorte que la famille peut se composer plus étroite ou plus large que sa valeur par défaut sans changer de police. Huit graisses sont nommées, d’ExtraLight à Black, chacune avec un italique, soit 16 styles au total. Les 606 glyphes couvrent le latin, le latin étendu et le vietnamien. Le catalogue attribue la police à Jakob Ekelund, KH Type et Zalando, tandis que la table de noms de la police mentionne Kurppa Hosk, KH Type et Jakob Ekelund. Elle est publiée sous SIL Open Font License 1.1.

Où utiliser Zalando Sans

Interfaces à l’espace réduit

Tirer l’axe de chasse vers 75 permet de loger des libellés plus longs dans les boutons, les onglets et les en-têtes de tableau sans réduire le corps.

Titres qui s’adaptent à la mise en page

L’axe de chasse monte jusqu’à 125 : un même titre peut être élargi sur une mise en page de bureau et resserré sur un téléphone.

Lecture longue

Le Regular 400 et son italique prennent en charge les paragraphes et les mises en relief ; Medium et SemiBold donnent des intertitres sans seconde famille.

Systèmes de marque

Huit graisses d’ExtraLight à Black, toutes avec italiques, couvrent tout, des mentions en petits caractères aux titres de campagne.

Produits en langue vietnamienne

Le sous-ensemble vietnamien est présent dans le fichier romain comme dans le fichier italique.

Glyphes

Langues prises en charge

La famille contient les lettres de base qui servent à écrire ces langues :

• Anglais
• Français
• Allemand
• Espagnol
• Portugais
• Italien
• Néerlandais
• Suédois
• Norvégien
• Danois
• Finnois
• Islandais
• Catalan
• Turc
• Polonais
• Tchèque
• Slovaque
• Hongrois
• Roumain
• Croate
• Slovène
• Lituanien
• Letton
• Estonien
• Vietnamien

Jeux de caractères trouvés dans les fichiers : latin, latin-ext, vietnamese. La liste des langues vérifie la présence des lettres nécessaires dans la police ; elle ne garantit pas la qualité typographique dans chaque langue.

Licence

Polices à associer à Zalando Sans

Ces suggestions reposent sur des règles simples appliquées aux fiches : une classification contrastée et assez de graisses pour le texte courant. C’est un point de départ, pas un verdict.

Utiliser Zalando Sans sur le web

Téléchargez la famille, hébergez les fichiers sur votre propre site, puis déclarez-les en CSS. Merci de ne pas pointer vers les fichiers de trendhub.net : les fichiers d’aperçu sont des sous-ensembles et leurs adresses changent.

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

Vous pouvez aussi la charger depuis la source officielle. Google Fonts sert Zalando Sans avec ce 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">

À savoir

Deux axes dans deux fichiers

Un fichier variable contient le romain et un autre l’italique. Tous deux ont la graisse (200–900) et la chasse (75–125) ; la chasse par défaut est 100.

Pas de graisse Thin

La graisse la plus légère est l’ExtraLight 200. L’axe n’atteint pas 100.

Fichiers variables uniquement

Le paquet contient les deux polices variables. Des instances statiques sont disponibles auprès de la source officielle.

Nom réservé

La mention de licence réserve le nom Zalando pour les polices d’origine.

Questions fréquentes

Collections avec Zalando Sans

• Linéales grotesques

  Familles sans empattements grotesques et néo-grotesques : des bêtes de somme sobres, robustes, un peu irrégulières, pour l’identité visuelle, l’édition et les interfaces.

• Polices variables avec axe de chasse

  Familles variables dont la largeur des lettres se règle en plus de la graisse, d’un léger resserrement pour ajuster le texte à une gamme complète du condensé à l’élargi.

Polices similaires

Autres familles de la même classification, classées selon leurs usages communs. Toutes les polices sans empattements