Zilla Slab

Essayer Zilla Slab

Graisses et styles

• Light 300Zilla Slab Light Light Italic
• Regular 400Zilla Slab Regular Italique
• Medium 500Zilla Slab Medium Medium Italic
• SemiBold 600Zilla Slab SemiBold SemiBold Italic
• Bold 700Zilla Slab Bold Bold Italic

À propos de Zilla Slab

Zilla Slab est une famille égyptienne conçue comme caractère central de Mozilla, où elle compose le logotype, les titres et d’autres travaux de design. Typotheque l’a dessinée à partir d’une des égyptiennes plus anciennes de la fonderie, sous la direction de Mozilla ; la mention de copyright cite The Mozilla Foundation. Les lettres portent des empattements plats et rectangulaires, des traits d’épaisseur presque égale et des panses rondes et lisses, avec un a à deux étages. Dans le spécimen, plusieurs chiffres, dont 3, 4, 5, 7 et 9, descendent sous la ligne de base. La famille compte cinq graisses, Light 300, Regular 400, Medium 500, SemiBold 600 et Bold 700, et chacune a un italique que les notes officielles décrivent comme un vrai italique, soit 10 styles livrés en fichiers statiques. Les fontes contiennent 976 glyphes dans les jeux de caractères latin et latin étendu et sont publiées sous la SIL Open Font License 1.1.

Où utiliser Zilla Slab

Titres et logotypes

Mozilla compose son propre logotype et ses titres en Zilla Slab ; SemiBold et Bold donnent aux empattements plats assez de masse pour les grands titres.

Articles et pages longues

Regular et son italique assurent le texte courant et les mises en valeur, et l’épaisseur de trait presque égale garde aux lettres leur solidité aux tailles de lecture.

Une hiérarchie au sein d’une seule famille

Cinq graisses entre 300 et 700 distinguent titres, intertitres, texte courant et légendes sans faire appel à un second caractère.

Citations et légendes en italique

Chacune des cinq graisses a son propre italique dessiné : une citation peut se composer en Light Italic ou en Bold Italic, et pas seulement en graisse droite.

Sites en plusieurs langues européennes

Le jeu latin étendu comprend les lettres nécessaires au turc, au polonais, au tchèque, au hongrois et au roumain, en plus de l’anglais, du français et de l’allemand.

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

Jeux de caractères trouvés dans les fichiers : latin, latin-ext. 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 à Zilla Slab

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 Zilla Slab 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: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab";
  src: url("/assets/fonts/ZillaSlab-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* …and 6 more files in the package, declared the same way */

body {
  font-family: "Zilla Slab", serif;
}

Vous pouvez aussi la charger depuis la source officielle. Google Fonts sert Zilla Slab 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=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

À savoir

Des fichiers statiques, pas de version variable

Le paquet contient 10 fichiers TTF distincts, un par style. Zilla Slab n’a aucun axe variable : seules les cinq graisses nommées sont disponibles.

Une plage de 300 à 700

Light est la coupe la plus légère et Bold la plus lourde ; la famille n’a rien de plus fin que 300 ni de plus gras que 700.

Des chiffres qui descendent sous la ligne

Dans le spécimen, les chiffres par défaut n’ont pas tous la même hauteur : 3, 4, 5, 7 et 9 descendent sous la ligne de base.

Créateur et titulaire du copyright distincts

La table des noms de la police cite Typotheque comme créateur et fabricant, tandis que le copyright appartient à The Mozilla Foundation.

Questions fréquentes

Collections avec Zilla Slab

• Polices compatibles avec le turc

  Familles sous licence libre qui contiennent toutes les lettres de l’alphabet turc, dont le i avec et sans point, en styles de texte, de titrage et scriptes.

Polices similaires

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