Zilla Slab

Zilla Slab uitproberen

Gewichten en stijlen

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

Over Zilla Slab

Zilla Slab is een slab serif-familie die is gemaakt als hoofdlettertype van Mozilla, waar ze het woordmerk, koppen en ander ontwerpwerk zet. Typotheque ontwierp haar op basis van een eerdere slab serif van de foundry, en Mozilla leidt het project; de copyrightvermelding noemt The Mozilla Foundation. De letters hebben platte, rechthoekige schreven, lijnen van bijna gelijke dikte en ronde, gladde buiken, met een a met twee verdiepingen. In het specimen zakken verschillende cijfers, waaronder 3, 4, 5, 7 en 9, onder de basislijn. De familie heeft vijf gewichten, Light 300, Regular 400, Medium 500, SemiBold 600 en Bold 700, en elk gewicht heeft een cursief dat de officiële toelichting een echt cursief noemt, samen 10 stijlen, geleverd als statische bestanden. De fonts bevatten 976 glyphs in de tekensets Latijn en Latijn uitgebreid en worden uitgebracht onder de SIL Open Font License 1.1.

Waar Zilla Slab goed werkt

Koppen en woordmerken

Mozilla zet het eigen woordmerk en de koppen in Zilla Slab; SemiBold en Bold geven de platte schreven genoeg massa voor grote titels.

Artikelen en lange pagina’s

Regular met het bijbehorende cursief verzorgt lopende tekst en nadruk, en de bijna gelijke lijndikte houdt letters op leesgroottes stevig.

Hiërarchie binnen één familie

Vijf gewichten tussen 300 en 700 scheiden titels, tussenkoppen, lopende tekst en bijschriften zonder dat er een tweede lettertype nodig is.

Citaten en bijschriften in cursief

Elk van de vijf gewichten heeft een eigen getekend cursief, dus een citaat kun je zetten in Light Italic of Bold Italic en niet alleen in het rechtopstaande gewicht.

Sites in meerdere Europese talen

De set Latijn uitgebreid bevat naast Engels, Frans en Duits ook de letters voor Turks, Pools, Tsjechisch, Hongaars en Roemeens.

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

Tekensets in de bestanden: latin, latin-ext. 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 Zilla Slab

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

Zilla Slab 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: "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;
}

Of laad het vanaf de officiële bron. Google Fonts levert Zilla Slab 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=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">

Goed om te weten

Statische bestanden, geen variabele versie

Het pakket bevat 10 aparte TTF-bestanden, één per stijl. Zilla Slab heeft geen variabele assen, dus alleen de vijf benoemde gewichten zijn in te stellen.

Het bereik loopt van 300 tot 700

Light is de lichtste stijl en Bold de zwaarste; de familie heeft niets dunners dan 300 of zwaarders dan 700.

Cijfers zakken onder de regel

In het specimen zijn de standaardcijfers niet allemaal even hoog: cijfers als 3, 4, 5, 7 en 9 zakken onder de basislijn.

Ontwerper en rechthebbende verschillen

De naamtabel van het font noemt Typotheque als ontwerper en maker, terwijl het copyright bij The Mozilla Foundation ligt.

Veelgestelde vragen

Collecties met Zilla Slab

• Fonts met ondersteuning voor Turks

  Families met een open licentie die elke letter van het Turkse alfabet bevatten, inclusief de i met en zonder punt, in tekst-, display- en schrijfletterstijlen.

Vergelijkbare fonts

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