Silkscreen

Silkscreen uitproberen

Gewichten en stijlen

• Regular 400Silkscreen Regular
• Bold 700Silkscreen Bold

Over Silkscreen

Silkscreen is een displaylettertype in bitmapstijl waarin elke letter uit vierkante pixels is opgebouwd. Het specimen toont alleen hoofdletters: de rij met kleine letters herhaalt de vormen van de hoofdletters, dus tekst staat altijd in blokhoofdletters van één hoogte. Bogen lopen in trapjes, diagonalen worden trappen en de letters staan ruim uit elkaar, waardoor elke vorm op een grof raster herkenbaar blijft. Jason Kottke ontwierp het lettertype voor kleine tekst in webafbeeldingen en volgens de officiële notities verscheen de eerste uitgave in 1999. De familie heeft Regular en Bold, samen twee stijlen, en is geen variabel font. De 227 glyphs bestrijken de basis van het Latijn met cijfers en leestekens; de letters voor Engels, Frans, Duits, Spaans en andere West-Europese talen zijn aanwezig. De fonts worden uitgebracht onder de SIL Open Font License 1.1.

Waar Silkscreen goed werkt

Interfaces van retrogames

Pixelcontouren in trapjes passen bij scoreteller, menu's en titelschermen van games in de stijl van vroege computergraphics.

Kleine labels in webafbeeldingen

Het lettertype is voor kleine formaten getekend, dus labels, badges en piepkleine bijschriften in banners houden elke letter helder.

Titels op posters en omslagen

Groot gezet worden de vierkante blokken een zichtbaar patroon, en een korte titel wordt zelf het beeld.

Tellers en statusregels

Bold naast Regular scheidt een label van de waarde in een timer, prijskaartje of statusbalk zonder dat het formaat verandert.

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
• Estisch

Tekensets in de bestanden: latin. 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 Silkscreen

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

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

body {
  font-family: "Silkscreen", sans-serif;
}

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

Goed om te weten

Alleen hoofdletters

Kleine letters worden als hoofdletters getekend, dus tekst met hoofdletters en kleine letters is in Silkscreen niet te zetten.

Regular en Bold, geen cursief

Regular 400 en Bold 700 vormen de hele familie. Er is geen cursief.

Basisdekking van het Latijn

De 227 glyphs behoren tot de Latijnse subset. De set Latijn uitgebreid is onvolledig, dus test teksten in Midden-Europese talen eerst.

Veelgestelde vragen

Vergelijkbare fonts

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