Zilla Slab Highlight

Zilla Slab Highlight uitproberen

Gewichten en stijlen

• Regular 400Zilla Slab Highlight Regular
• Bold 700Zilla Slab Highlight Bold

Over Zilla Slab Highlight

Zilla Slab Highlight is een slab serif waarin de letter de lege ruimte is: elke glyph is een gevulde rechthoek waaruit het teken is uitgespaard. In het specimen lopen naast elkaar staande letters over in één doorlopende balk en onderbreekt een woordspatie die, zodat elk woord een eigen blok wordt. De vormen binnen de blokken zijn slab serif-letters met vlakke schreven zonder aanzet en vloeiende bogen, en de cijfers zijn mediaevalcijfers die stijgen en dalen als onderkast. De familie heeft 2 stijlen, Regular 400 en Bold 700, zonder cursieven, en is geen variabel font. De 982 glyphs dekken West- en Midden-Europees Latin. Typotheque ontwierp het lettertype in een project onder leiding van Mozilla, wier huislettertype Zilla Slab is, en de copyrightvermelding noemt The Mozilla Foundation. Het wordt gepubliceerd onder de SIL Open Font License 1.1.

Waar Zilla Slab Highlight goed werkt

Gemarkeerde woorden in een kop

Als je één woord in Zilla Slab Highlight zet, krijgt het een massieve balk erachter zonder dat je in de opmaak een kader tekent.

Labels, tags en badges

Een kort woord wordt een op zichzelf staand blok waarvan hoogte en ruimte eromheen door het font worden bepaald.

Titels over foto’s

Omdat de balk deel uitmaakt van elke glyph, houdt een bijschrift zijn eigen achtergrond boven een drukke afbeelding.

Citaten en uitgelichte teksten

Met Regular en Bold kun je binnen de highlightstijl twee niveaus van nadruk aanbrengen.

Labels voor Midden-Europa

Letters voor Pools, Tsjechisch, Hongaars, Roemeens en Turks krijgen dezelfde blokbehandeling.

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 Highlight

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 Highlight 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 Highlight";
  src: url("/assets/fonts/ZillaSlabHighlight-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zilla Slab Highlight";
  src: url("/assets/fonts/ZillaSlabHighlight-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

Of laad het vanaf de officiële bron. Google Fonts levert Zilla Slab Highlight 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+Highlight:wght@400;700&display=swap" rel="stylesheet">

Goed om te weten

Het kader is de glyph

De tekstkleur kleurt de rechthoek en de letter toont wat er achter de tekst ligt.

Spaties onderbreken de balk

In het specimen vormt elk woord een apart blok, met een opening waar een spatie is getypt.

Geen cursieven

Zilla Slab Highlight heeft alleen Regular en Bold. De cursieven horen bij de hoofdfamilie Zilla Slab.

Veelgestelde vragen

Vergelijkbare fonts

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